diff --git a/.gitignore b/.gitignore
index f95658d7..6d96312c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,4 @@ node_modules
 .npm
 /coverage
 .DS_Store
+yarn-error.log
diff --git a/ArrowPopover/index.jsx b/ArrowPopover/index.jsx
new file mode 100644
index 00000000..1c220616
--- /dev/null
+++ b/ArrowPopover/index.jsx
@@ -0,0 +1,150 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { calculateStyles, parseColor } from '../lib/utils';
+import { darkPopover } from '../style/color';
+import { borderRadius } from '../style/border';
+import { tooltip as tooltipZIndex } from '../style/zIndex';
+
+import Text from '../Text';
+
+const arrowHeight = 14;
+const arrowWidth = 8;
+
+const ArrowPopover = ({
+  children,
+  visible,
+  offset,
+  oneLine,
+  position,
+  padded,
+  color,
+  backgroundColor,
+  shadow,
+  width,
+  isTooltip,
+  id,
+}) => {
+  const offsetTop = position === 'above' ? -offset.top : offset.top;
+  const style = calculateStyles({
+    default: {
+      transform: `translate(${arrowWidth + offset.left}px, ${offsetTop}px)`,
+      background: parseColor(backgroundColor),
+      color: parseColor(color),
+      display: 'inline-block',
+      borderRadius,
+      boxShadow: shadow ? '0 1px 2px 0 rgba(0,0,0,0.50)' : 'none',
+      textAlign: 'left',
+      position: 'absolute',
+      left: '100%',
+      zIndex: tooltipZIndex,
+    },
+    hidden: {
+      display: 'none',
+    },
+    oneLine: {
+      whiteSpace: 'nowrap',
+    },
+    positionAbove: {
+      bottom: 0,
+    },
+    positionBelow: {
+      top: 0,
+    },
+    padded: {
+      padding: '.25rem .75rem',
+    },
+    fixedWidth: {
+      width,
+    },
+  }, {
+    hidden: !visible,
+    positionAbove: position === 'above',
+    positionBelow: position === 'below',
+    oneLine: oneLine && width === 'none',
+    padded,
+    fixedWidth: width !== 'none',
+  });
+
+  const arrowStyle = calculateStyles({
+    default: {
+      position: 'absolute',
+      left: -arrowWidth,
+      width: 0,
+      height: 0,
+      backgroundColor: 'transparent',
+      borderStyle: 'solid',
+      borderTopWidth: arrowHeight / 2.0,
+      borderRightWidth: arrowWidth,
+      borderBottomWidth: arrowHeight / 2.0,
+      borderLeftWidth: 0,
+      borderTopColor: 'transparent',
+      borderRightColor: backgroundColor,
+      borderBottomColor: 'transparent',
+      borderLeftColor: 'transparent',
+    },
+    positionNormal: {
+      top: '50%',
+      transform: 'translate(0, -50%)',
+    },
+    positionAbove: {
+      top: 'none',
+      bottom: '6px',
+      transform: 'none',
+    },
+    positionBelow: {
+      top: '6px',
+      transform: 'none',
+    },
+  }, {
+    positionNormal: true,
+    positionAbove: position === 'above',
+    positionBelow: position === 'below',
+  });
+
+  const aria = isTooltip ? {
+    role: 'tooltip',
+    'aria-hidden': !visible,
+  } : {};
+
+  return (
+    <div style={style} id={id} {...aria}>
+      <span style={arrowStyle} />
+      <Text color={color} size="small">{children}</Text>
+    </div>
+  );
+};
+
+ArrowPopover.propTypes = {
+  children: PropTypes.node.isRequired,
+  visible: PropTypes.bool,
+  oneLine: PropTypes.bool,
+  offset: PropTypes.shape({
+    top: PropTypes.number,
+    left: PropTypes.number,
+  }),
+  position: PropTypes.oneOf(['above', 'below', 'none']),
+  padded: PropTypes.bool,
+  color: PropTypes.string,
+  backgroundColor: PropTypes.string,
+  shadow: PropTypes.bool,
+  width: PropTypes.string,
+  isTooltip: PropTypes.bool,
+  id: PropTypes.string,
+};
+
+ArrowPopover.defaultProps = {
+  visible: false,
+  oneLine: true,
+  offset: { left: 0, top: 0 },
+  position: 'none',
+  padded: true,
+  color: 'white',
+  backgroundColor: darkPopover,
+  shadow: false,
+  width: 'none',
+  isTooltip: false,
+  id: '',
+};
+
+export default ArrowPopover;
diff --git a/ArrowPopover/story.jsx b/ArrowPopover/story.jsx
new file mode 100644
index 00000000..7ade4a00
--- /dev/null
+++ b/ArrowPopover/story.jsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { checkA11y } from 'storybook-addon-a11y';
+import ArrowPopover from './index';
+import Text from '../Text';
+
+storiesOf('ArrowPopover')
+.addDecorator(checkA11y)
+.add('default tooltip', () => (
+  <div style={{ display: 'inline-block', margin: '5rem', position: 'relative', overflow: 'visible' }}>
+    <Text>I have a Popover tooltip!</Text>
+    <ArrowPopover visible shadow>
+      This is a simple tooltip style Popover!
+    </ArrowPopover>
+  </div>
+))
+.add('larger popover: below', () => (
+  <div style={{ display: 'inline-block', margin: '5rem', position: 'relative', overflow: 'visible' }}>
+    <Text>I have a Popover!</Text>
+    <ArrowPopover visible oneLine={false} width="300px" position="below">
+      <div style={{ padding: '.5rem .25rem' }}>
+        Your posting schedule tells Buffer when to send out posts in your Queue (under the Content tab).<br /><br />
+        For example, the next 10 posts you add to your Queue will go out in the next 10 upcoming time/date slots you decide below. <br /><br />
+        You can change this schedule at any time!
+      </div>
+    </ArrowPopover>
+  </div>
+))
+.add('larger popover: above', () => (
+  <div style={{ display: 'inline-block', margin: '5rem', position: 'relative', overflow: 'visible' }}>
+    <Text>I have a Popover!</Text>
+    <ArrowPopover visible position="above" shadow>
+      <div style={{ padding: ' .5rem .25rem' }}>
+        Look at me!<br />
+        I'm so far above the rest! ✈️<br />
+        Later! ✌️
+      </div>
+    </ArrowPopover>
+  </div>
+));
diff --git a/Button/index.jsx b/Button/index.jsx
index d3a0dc9e..5d5b5a6e 100644
--- a/Button/index.jsx
+++ b/Button/index.jsx
@@ -2,12 +2,14 @@ import React from 'react';
 import ButtonStateless from '../ButtonStateless';
 import PseudoClassComponent from '../PseudoClassComponent';
 
+const isNativeComponent = component => typeof component.type === 'string';
+
 class Button extends PseudoClassComponent {
   render() {
     const { children, ...rest } = this.props;
     let hoveredChildren = children;
     // string as children isn't clonable
-    if (React.isValidElement(children)) {
+    if (React.isValidElement(children) && !isNativeComponent(children)) {
       hoveredChildren = React.cloneElement(
         children,
         { hovered: this.state.hovered },
diff --git a/Button/test.jsx b/Button/test.jsx
index cefca9b3..64816a5c 100644
--- a/Button/test.jsx
+++ b/Button/test.jsx
@@ -1,9 +1,12 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import ButtonStateless from '../ButtonStateless';
 import testComponentA11y from '../lib/a11yTestHelper';
 import Button from './index';
 
+configure({ adapter: new Adapter() });
+
 describe('Button', () => {
   it('should pass accessibility audit', () => testComponentA11y(
     <Button>A Button</Button>,
@@ -16,10 +19,12 @@ describe('Button', () => {
     const button = wrapper
       .find(ButtonStateless);
     button.simulate('mouseEnter');
-    expect(button.props().hovered)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().hovered)
       .toBe(true);
     button.simulate('mouseLeave');
-    expect(button.props().hovered)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().hovered)
       .toBe(false);
   });
 
@@ -30,10 +35,12 @@ describe('Button', () => {
     const button = wrapper
       .find(ButtonStateless);
     button.simulate('focus');
-    expect(button.props().focused)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().focused)
       .toBe(true);
     button.simulate('blur');
-    expect(button.props().focused)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().focused)
       .toBe(false);
   });
 
@@ -50,10 +57,12 @@ describe('Button', () => {
     const button = wrapper
       .find(ButtonStateless);
     button.simulate('focus');
-    expect(button.props().focused)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().focused)
       .toBe(true);
     button.simulate('blur');
-    expect(button.props().focused)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().focused)
       .toBe(false);
   });
 });
diff --git a/ButtonStateless/index.jsx b/ButtonStateless/index.jsx
index eb578a18..40efc5f2 100644
--- a/ButtonStateless/index.jsx
+++ b/ButtonStateless/index.jsx
@@ -44,6 +44,7 @@ const Button = ({
   quaternary,
   warning,
   noStyle,
+  label,
 }) => {
   const style = calculateStyles({
     default: {
@@ -172,6 +173,7 @@ const Button = ({
       onFocus={onFocus}
       onBlur={onBlur}
       disabled={disabled}
+      aria-label={label || null}
     >
       {children}
     </button>
@@ -197,6 +199,7 @@ Button.propTypes = {
   tertiary: PropTypes.bool,
   quaternary: PropTypes.bool,
   warning: PropTypes.bool,
+  label: PropTypes.string,
 };
 
 export default Button;
diff --git a/Card/index.jsx b/Card/index.jsx
index cf16b7cf..4b8cabe4 100644
--- a/Card/index.jsx
+++ b/Card/index.jsx
@@ -9,6 +9,7 @@ import {
 } from '../style/font';
 import {
   outerSpace,
+  outerSpaceLight,
   white,
   mystic,
   geyser,
@@ -25,6 +26,7 @@ import {
 } from '../style/animation';
 import {
   boxShadowLevelOne,
+  boxShadowLevelTwo,
 } from '../style/dropShadow';
 
 const Card = ({
@@ -40,6 +42,8 @@ const Card = ({
   onMouseEnter,
   onMouseLeave,
   reducedPadding,
+  shadowHeight,
+  draggingPlaceholder,
 }) => {
   const style = calculateStyles({
     default: {
@@ -66,7 +70,7 @@ const Card = ({
       opacity: 0.5,
     },
     noBorder: {
-      border: 0,
+      border: `${borderWidth} solid transparent`,
     },
     noPadding: {
       padding: 0,
@@ -81,6 +85,15 @@ const Card = ({
     reducedPadding: {
       padding: '1rem',
     },
+    shadowHeightOne: {
+      boxShadow: boxShadowLevelOne,
+    },
+    shadowHeightTwo: {
+      boxShadow: boxShadowLevelTwo,
+    },
+    draggingPlaceholder: {
+      border: `${borderWidth} dashed ${outerSpaceLight}`,
+    },
   }, {
     doublePadding,
     empty,
@@ -91,6 +104,9 @@ const Card = ({
     hovered,
     color,
     reducedPadding,
+    shadowHeightOne: shadowHeight === 1,
+    shadowHeightTwo: shadowHeight === 2,
+    draggingPlaceholder,
   });
   return (
     <div
@@ -116,6 +132,13 @@ Card.propTypes = {
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
   reducedPadding: PropTypes.bool,
+  shadowHeight: PropTypes.oneOf([0, 1, 2]),
+  draggingPlaceholder: PropTypes.bool,
+};
+
+Card.defaultProps = {
+  shadowHeight: 0,
+  draggingPlaceholder: false,
 };
 
 export default Card;
diff --git a/Card/story.jsx b/Card/story.jsx
index 6605b92d..63449423 100644
--- a/Card/story.jsx
+++ b/Card/story.jsx
@@ -47,4 +47,10 @@ storiesOf('Card')
   ))
   .add('reducedPadding', () => (
     <Card reducedPadding>What is a Product Designer? An awesome story by <Link href={'#'}>@jgadapee</Link> over on Medium! <Link href={'#'}>http://buff.ly/1LTbUqv</Link></Card>
+  ))
+  .add('shadowHeight=1', () => (
+    <Card shadowHeight={1}>What is a Product Designer? An awesome story by <Link href={'#'}>@jgadapee</Link> over on Medium! <Link href={'#'}>http://buff.ly/1LTbUqv</Link></Card>
+  ))
+  .add('shadowHeight=2', () => (
+    <Card shadowHeight={2}>What is a Product Designer? An awesome story by <Link href={'#'}>@jgadapee</Link> over on Medium! <Link href={'#'}>http://buff.ly/1LTbUqv</Link></Card>
   ));
diff --git a/Divider/index.jsx b/Divider/index.jsx
new file mode 100644
index 00000000..99d64611
--- /dev/null
+++ b/Divider/index.jsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  borderWidth,
+} from '../style/border';
+import colors from '../style/color';
+
+const Divider = ({
+  color,
+  marginTop,
+  marginBottom,
+}) =>
+  <hr
+    style={{
+      border: 'none',
+      height: `${borderWidth}`,
+      background: colors[color],
+      width: '100%',
+      boxSizing: 'border-box',
+      marginTop,
+      marginBottom,
+    }}
+  />;
+
+Divider.propTypes = {
+  color: PropTypes.oneOf(Object.keys(colors)),
+  marginTop: PropTypes.string,
+  marginBottom: PropTypes.string,
+};
+
+Divider.defaultProps = {
+  color: 'mystic',
+  marginTop: '0.5rem',
+  marginBottom: '0.5rem',
+};
+
+export default Divider;
\ No newline at end of file
diff --git a/Divider/story.jsx b/Divider/story.jsx
new file mode 100644
index 00000000..1e0479cf
--- /dev/null
+++ b/Divider/story.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { checkA11y } from 'storybook-addon-a11y';
+import Divider from './index';
+
+storiesOf('Divider')
+  .addDecorator(checkA11y)
+  .add('default', () => (
+    <Divider />
+  ))
+  .add('black divider', () => (
+    <Divider color={'black'} />
+  ))
+  .add('top margin: 5rem', () => (
+    <Divider marginTop={'5rem'} />
+  ))
+  .add('bottom margin: 5rem', () => (
+    <div>
+      <Divider marginBottom={'5rem'} />
+      <div>Next Thing</div>
+    </div>
+  ));
diff --git a/Icon/Icons/AddMediaIcon.jsx b/Icon/Icons/AddMediaIcon.jsx
index b93ed34a..0e76ac4a 100644
--- a/Icon/Icons/AddMediaIcon.jsx
+++ b/Icon/Icons/AddMediaIcon.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import Icon from '../../Icon';
 
 const AddMediaIcon = ({ color, size }) =>
diff --git a/Icon/Icons/AnalyzeIcon.jsx b/Icon/Icons/AnalyzeIcon.jsx
new file mode 100644
index 00000000..73cf7be3
--- /dev/null
+++ b/Icon/Icons/AnalyzeIcon.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import Icon from '../../Icon';
+
+const AnalyzeIcon = ({ color, size }) =>
+  <Icon color={color} size={size}>
+    <polygon fillRule="nonzero" points="11.3146503 9.57492875 15.4856547 1.64892397 14.069743 0.903810408 10.4735244 7.73757125 4.65360704 6.38869876 0.735225826 14.342021 2.1704915 15.0491366 5.52821115 8.23381544"></polygon>
+    <path d="M1.45454545,16 C0.651222182,16 0,15.3487778 0,14.5454545 C0,13.7421313 0.651222182,13.0909091 1.45454545,13.0909091 C2.25786873,13.0909091 2.90909091,13.7421313 2.90909091,14.5454545 C2.90909091,15.3487778 2.25786873,16 1.45454545,16 Z M5.09090909,8.72727273 C4.28758582,8.72727273 3.63636364,8.07605055 3.63636364,7.27272727 C3.63636364,6.469404 4.28758582,5.81818182 5.09090909,5.81818182 C5.89423236,5.81818182 6.54545455,6.469404 6.54545455,7.27272727 C6.54545455,8.07605055 5.89423236,8.72727273 5.09090909,8.72727273 Z M10.9090909,10.1818182 C10.1057676,10.1818182 9.45454545,9.530596 9.45454545,8.72727273 C9.45454545,7.92394945 10.1057676,7.27272727 10.9090909,7.27272727 C11.7124142,7.27272727 12.3636364,7.92394945 12.3636364,8.72727273 C12.3636364,9.530596 11.7124142,10.1818182 10.9090909,10.1818182 Z M14.5454545,2.90909091 C13.7421313,2.90909091 13.0909091,2.25786873 13.0909091,1.45454545 C13.0909091,0.651222182 13.7421313,0 14.5454545,0 C15.3487778,0 16,0.651222182 16,1.45454545 C16,2.25786873 15.3487778,2.90909091 14.5454545,2.90909091 Z"></path>
+  </Icon>;
+
+AnalyzeIcon.propTypes = {
+  ...Icon.propTypes,
+};
+
+export default AnalyzeIcon;
diff --git a/Icon/Icons/AvatarIcon.jsx b/Icon/Icons/AvatarIcon.jsx
new file mode 100644
index 00000000..df01f750
--- /dev/null
+++ b/Icon/Icons/AvatarIcon.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import Icon from '../../Icon';
+
+const AvatarIcon = ({ color, size }) =>
+  <Icon color={color} size={size}>
+    <path d="M8 15.467A7.467 7.467 0 1 0 8 .533a7.467 7.467 0 0 0 0 14.934zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fillRule="nonzero"/>
+    <path d="M6.759 10.427c-.741-.826-1.525-2.12-1.525-3.637 0-2.524 1.278-3.59 2.855-3.59s2.855 1.066 2.855 3.59c0 1.478-.919 2.89-1.61 3.727.224.43.402.89.86 1.083 1.093.445 3.733.685 3.733 1.374 0 .666-3.061 2.831-5.935 2.842-2.962.01-5.74-2.156-5.74-2.842 0-.755 2.257-.925 3.539-1.374.52-.183.712-.707.968-1.173z"/>
+  </Icon>;
+
+AvatarIcon.propTypes = {
+  ...Icon.propTypes,
+};
+
+export default AvatarIcon;
diff --git a/Icon/Icons/PublishIcon.jsx b/Icon/Icons/PublishIcon.jsx
new file mode 100644
index 00000000..c9751903
--- /dev/null
+++ b/Icon/Icons/PublishIcon.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import Icon from '../../Icon';
+
+const PublishIcon = ({ color, size }) =>
+  <Icon color={color} size={size}>
+  	<path d="M16,0 L12,14.5116279 L6.58066667,9.73664271 L11.782,4.30533615 L4.81,9.07240592 L0,7.9154334 L16,0 Z M5.95348837,11.1627907 L5.95348837,16 L8.18604651,13.0766947 L5.95348837,11.1627907 Z"></path>
+  </Icon>;
+
+PublishIcon.propTypes = {
+  ...Icon.propTypes,
+};
+
+export default PublishIcon;
diff --git a/Icon/Icons/RespondIcon.jsx b/Icon/Icons/ReplyIcon.jsx
similarity index 92%
rename from Icon/Icons/RespondIcon.jsx
rename to Icon/Icons/ReplyIcon.jsx
index 5b3700aa..25afc8aa 100644
--- a/Icon/Icons/RespondIcon.jsx
+++ b/Icon/Icons/ReplyIcon.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Icon from '../../Icon';
 
-const RespondIcon = ({ color, size }) =>
+const ReplyIcon = ({ color, size }) =>
   <Icon color={color} size={size}>
     <g transform="translate(8.066952, 8.472268) rotate(-45.000000) translate(-8.066952, -8.472268) translate(0.066952, 1.972268)">
       <path d="M0.0215566657,3.31257555 C0.0215566657,3.03718605 0.238778853,2.81393875 0.523178151,2.81393875 L10.4217198,2.81393875 L10.4217197,0.427889852 C10.4217197,0.149934187 10.5821386,0.0844435872 10.7695555,0.271180514 L15.63441,5.11838601 C15.8265144,5.3097935 15.7566205,5.46495993 15.4870722,5.46495993 L0.516730268,5.46495988 C0.243253439,5.46495988 0.0215566657,5.23893531 0.0215566657,4.96632308 L0.0215566657,3.31257555 Z" />
@@ -9,8 +9,8 @@ const RespondIcon = ({ color, size }) =>
     </g>
   </Icon>;
 
-RespondIcon.propTypes = {
+ReplyIcon.propTypes = {
   ...Icon.propTypes,
 };
 
-export default RespondIcon;
+export default ReplyIcon;
diff --git a/Icon/Icons/index.js b/Icon/Icons/index.js
index 6b604598..6df5a065 100644
--- a/Icon/Icons/index.js
+++ b/Icon/Icons/index.js
@@ -1,5 +1,6 @@
 export AddMediaIcon from './AddMediaIcon';
 export AnalyticsIcon from './AnalyticsIcon';
+export AnalyzeIcon from './AnalyzeIcon';
 export ArrowDownIcon from './ArrowDownIcon';
 export ArrowLeftIcon from './ArrowLeftIcon';
 export ArrowLongDownIcon from './ArrowLongDownIcon';
@@ -12,6 +13,7 @@ export ArrowSolidLeftIcon from './ArrowSolidLeftIcon';
 export ArrowSolidRightIcon from './ArrowSolidRightIcon';
 export ArrowSolidUpIcon from './ArrowSolidUpIcon';
 export ArrowUpIcon from './ArrowUpIcon';
+export AvatarIcon from './AvatarIcon';
 export AwesomeIcon from './AwesomeIcon';
 export BufferBottomIcon from './BufferBottomIcon';
 export BufferMiddleIcon from './BufferMiddleIcon';
@@ -61,10 +63,12 @@ export PinterestIcon from './PinterestIcon';
 export PlusIcon from './PlusIcon';
 export PricingIcon from './PricingIcon';
 export ProfileGroupIcon from './ProfileGroupIcon';
+export PublishIcon from './PublishIcon';
 export QuestionIcon from './QuestionIcon';
 export QueueIcon from './QueueIcon';
 export RefreshIcon from './RefreshIcon';
-export RespondIcon from './RespondIcon';
+export ReplyIcon from './ReplyIcon';
+export RespondIcon from './ReplyIcon';
 export RetweetIcon from './RetweetIcon';
 export SearchIcon from './SearchIcon';
 export SettingsIcon from './SettingsIcon';
diff --git a/Icon/index.jsx b/Icon/index.jsx
index 81230aab..5df4b184 100644
--- a/Icon/index.jsx
+++ b/Icon/index.jsx
@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { calculateStyles } from '../lib/utils';
+import { calculateStyles, parseColor } from '../lib/utils';
 import colors from '../style/color';
 
 const Icon = ({
   children,
   color,
-  size,
+  size
 }) => {
   const style = calculateStyles({
     default: {
@@ -14,7 +14,7 @@ const Icon = ({
       height: '1rem',
     },
     color: {
-      fill: colors[color],
+      fill: parseColor(color),
     },
     small: {
       width: '0.75rem',
@@ -24,10 +24,15 @@ const Icon = ({
       width: '2rem',
       height: '2rem',
     },
+    customSize: {
+      width: size ? (size.width || size.height) : '1rem',
+      height: size ? (size.height || size.width) : '1rem',
+    }
   }, {
     color,
     small: size === 'small',
     large: size === 'large',
+    customSize: size && (size.width || size.height)
   });
   return (
     <svg
@@ -52,33 +57,14 @@ Icon.defaultProps = {
 
 Icon.propTypes = {
   children: PropTypes.node,
-  color: PropTypes.oneOf([
-    'appdotnet',
-    'aquaHaze',
-    'black',
-    'curiousBlue',
-    'curiousBlueLight',
-    'curiousBlueUltraLight',
-    'denim',
-    'facebook',
-    'geyser',
-    'googleplus',
-    'linkedin',
-    'mystic',
-    'nevada',
-    'outerSpace',
-    'outerSpaceLight',
-    'outerSpaceUltraLight',
-    'pinterest',
-    'saffron',
-    'shamrock',
-    'shuttleGray',
-    'toryBlue',
-    'torchRed',
-    'twitter',
-    'white',
+  color: PropTypes.oneOf(Object.keys(colors)),
+  size: PropTypes.oneOfType([
+    PropTypes.oneOf(['small', 'large']),
+    PropTypes.shape({
+      width: PropTypes.string,
+      height: PropTypes.string
+    })
   ]),
-  size: PropTypes.oneOf(['large', 'small']),
 };
 
 export default Icon;
diff --git a/Icon/story.jsx b/Icon/story.jsx
index df53959c..975d02d0 100644
--- a/Icon/story.jsx
+++ b/Icon/story.jsx
@@ -68,7 +68,7 @@ import ProfileGroupIcon from './Icons/ProfileGroupIcon';
 import QuestionIcon from './Icons/QuestionIcon';
 import QueueIcon from './Icons/QueueIcon';
 import RefreshIcon from './Icons/RefreshIcon';
-import RespondIcon from './Icons/RespondIcon';
+import ReplyIcon from './Icons/ReplyIcon';
 import RetweetIcon from './Icons/RetweetIcon';
 import SearchIcon from './Icons/SearchIcon';
 import SettingsIcon from './Icons/SettingsIcon';
@@ -294,8 +294,8 @@ storiesOf('Icon')
   .add('refreshIcon', () => (
     <RefreshIcon />
   ))
-  .add('respondIcon', () => (
-    <RespondIcon />
+  .add('replyIcon', () => (
+    <ReplyIcon />
   ))
   .add('retweetIcon', () => (
     <RetweetIcon />
diff --git a/IconArrowPopover/index.jsx b/IconArrowPopover/index.jsx
new file mode 100644
index 00000000..b6978810
--- /dev/null
+++ b/IconArrowPopover/index.jsx
@@ -0,0 +1,60 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+import ArrowPopover from '../ArrowPopover';
+
+const containerStyle = {
+  display: 'inline-block',
+  width: '16px',
+  height: '16px',
+  position: 'relative',
+};
+
+class IconArrowPopover extends Component {
+  constructor() {
+    super();
+    this.state = {
+      hovered: false,
+    };
+  }
+
+  componentWillMount() {
+    const uuid = this.props.label.replace(/\s/g, '');
+    this.id = `tooltip_${uuid}`;
+  }
+
+  render() {
+    const { icon, children: tooltip, ...rest } = this.props;
+    return (
+      <div
+        style={containerStyle}
+        onMouseEnter={() => this.setState({ hovered: true })}
+        onMouseLeave={() => this.setState({ hovered: false })}
+        tabIndex="0"
+        aria-describedby={this.id}
+        aria-label={this.props.label}
+        role="tooltip"
+      >
+        {icon}
+        <ArrowPopover
+          visible={this.state.hovered}
+          offset={{ left: 3, top: -4 }}
+          isTooltip
+          id={this.id}
+          {...rest}
+        >
+          {tooltip}
+        </ArrowPopover>
+      </div>
+    );
+  }
+}
+
+IconArrowPopover.propTypes = {
+  ...ArrowPopover.propTypes,
+  icon: PropTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
+  label: PropTypes.string.isRequired,
+};
+
+export default IconArrowPopover;
diff --git a/IconArrowPopover/story.jsx b/IconArrowPopover/story.jsx
new file mode 100644
index 00000000..60350fd6
--- /dev/null
+++ b/IconArrowPopover/story.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { checkA11y } from 'storybook-addon-a11y';
+import IconArrowPopover from './index';
+import { QuestionIcon } from '../Icon/Icons';
+
+storiesOf('IconArrowPopover')
+  .addDecorator(checkA11y)
+  .add('default', () => (
+    <IconArrowPopover icon={<QuestionIcon />} shadow position="below" oneLine={false} width="320px" label="Posting Schedule">
+      {/* eslint-disable max-len */}
+      Your posting schedule tells Buffer when to send out posts in your Queue. <br /><br />
+      For example, the next 10 posts you add to your Queue will go out in the next 10 upcoming time/date slots you
+      decide below. You can change this schedule at any time!
+    </IconArrowPopover>
+  ));
diff --git a/Image/index.jsx b/Image/index.jsx
index f1476ee9..a8af7950 100644
--- a/Image/index.jsx
+++ b/Image/index.jsx
@@ -11,11 +11,14 @@ const Image = ({ src,
   height,
   maxHeight,
   maxWidth,
+  marginTop,
+  marginBottom,
   minHeight,
   minWidth,
   border,
   objectFit,
   verticalAlignBottom,
+  pad,
 }) => {
   const style = calculateStyles({
     default: {
@@ -26,6 +29,8 @@ const Image = ({ src,
       minHeight,
       minWidth,
       objectFit,
+      marginTop,
+      marginBottom,
     },
     circle: {
       borderRadius: '50%',
@@ -36,10 +41,14 @@ const Image = ({ src,
     verticalAlignBottom: {
       verticalAlign: 'bottom',
     },
+    pad: {
+      border: '0.2rem solid white',
+    },
   }, {
     circle: border === 'circle',
     rounded: border === 'rounded',
     verticalAlignBottom,
+    pad,
   });
 
   return (
@@ -59,6 +68,14 @@ Image.propTypes = {
     PropTypes.string,
     PropTypes.number,
   ]),
+  marginTop: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+  ]),
+  marginBottom: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+  ]),
   maxHeight: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.number,
@@ -88,10 +105,12 @@ Image.propTypes = {
     PropTypes.string,
     PropTypes.number,
   ]),
+  pad: PropTypes.bool,
 };
 
 Image.defaultProps = {
   alt: '',
+  pad: false,
 };
 
 export default Image;
diff --git a/Image/story.jsx b/Image/story.jsx
index cdc6cf0e..30500bdb 100644
--- a/Image/story.jsx
+++ b/Image/story.jsx
@@ -101,6 +101,12 @@ storiesOf('Image')
       border={'rounded'}
     />
   ))
+  .add('pad', () => (
+    <Image
+      src={'http://lorempixel.com/400/400/cats/'}
+      pad
+    />
+  ))
   .add('alt', () => (
     <Image
       src={'nah'}
diff --git a/InputAutocomplete/index.jsx b/InputAutocomplete/index.jsx
new file mode 100644
index 00000000..64185c42
--- /dev/null
+++ b/InputAutocomplete/index.jsx
@@ -0,0 +1,139 @@
+import React from 'react';
+import uuid from 'uuid';
+import Autocomplete from 'react-autocomplete';
+import PropTypes from 'prop-types';
+import Text from '../Text';
+import {
+  calculateStyles,
+} from '../lib/utils';
+import {
+  aquaHaze,
+  white,
+} from '../style/color';
+
+const matchValueToItem = (item, value) =>
+  item.label.toLowerCase().indexOf(value.toLowerCase()) !== -1;
+
+const InputAutocomplete = ({
+  input: {
+    value,
+    onChange,
+  },
+  onSelect,
+  items,
+  sortItems,
+  placeholder,
+  onFocusHandler,
+  onBlurHandler,
+}) => {
+  const renderItem = ({ label }, isHighlighted) => {
+    const style = calculateStyles({
+      default: {
+        padding: '2px 6px',
+        cursor: 'default',
+        display: 'block',
+        position: 'relative',
+      },
+      isHighlighted: {
+        color: 'white',
+        background: `${aquaHaze}`,
+        padding: '2px 6px',
+        cursor: 'default',
+      },
+    }, {
+      isHighlighted,
+    });
+    return (
+      <div style={style}><Text
+        key={uuid()}
+      >
+        {label}
+      </Text></div>
+    );
+  };
+
+  const inputStyle = {
+    margin: '0 0 0 0',
+    padding: '.5rem',
+    fontSize: '.8rem',
+    backgroundColor: '#fff',
+    border: '1px solid #e6ebef',
+    borderRadius: '2px',
+    width: '100%',
+  };
+
+  const notEmpty = items.length > 1;
+  const menuStyle = calculateStyles({
+    default: {
+      margin: '0.25rem 0 0 0',
+      backgroundColor: `${white}`,
+      position: 'absolute',
+    },
+    notEmpty: {
+      margin: '0.25rem 0 0 0',
+      backgroundColor: `${white}`,
+      border: '1px solid #e6ebef',
+      borderRadius: '2px',
+      boxShadow: '0 1px 2px rgba(50, 59, 67, 0.3)',
+      position: 'absolute',
+      zIndex: '3000',
+    },
+  }, {
+    notEmpty,
+  });
+
+  const wrapperStyle = {
+    display: 'flex',
+    width: '100%',
+  };
+
+  return (
+    <div>
+      <Autocomplete
+        value={value}
+        inputProps={{
+          id: 'states-autocomplete',
+          style: inputStyle,
+          placeholder,
+          onFocus: onFocusHandler,
+          onBlur: onBlurHandler,
+        }}
+        items={items}
+        getItemValue={item => item.label}
+        shouldItemRender={matchValueToItem}
+        sortItems={sortItems}
+        onChange={onChange}
+        onSelect={(val, obj) => {
+          value = val;
+          onSelect(obj);
+        }}
+        renderItem={renderItem}
+        menuStyle={menuStyle}
+        wrapperStyle={wrapperStyle}
+      />
+    </div>
+  );
+};
+
+InputAutocomplete.propTypes = {
+  input: PropTypes.shape({
+    onChange: PropTypes.func.isRequired,
+    value: PropTypes.string.isRequired,
+  }).isRequired,
+  items: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string.isRequired,
+  })).isRequired,
+  onSelect: PropTypes.func.isRequired,
+  sortItems: PropTypes.func.isRequired,
+  onFocusHandler: PropTypes.func.isRequired,
+  placeholder: PropTypes.string,
+  onBlurHandler: PropTypes.func.isRequired,
+};
+
+InputAutocomplete.defaultProps = {
+  value: '',
+  items: [],
+  placeholder: '',
+};
+
+export default InputAutocomplete;
diff --git a/InputAutocomplete/story.jsx b/InputAutocomplete/story.jsx
new file mode 100644
index 00000000..72f359aa
--- /dev/null
+++ b/InputAutocomplete/story.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { checkA11y } from 'storybook-addon-a11y';
+import { action } from '@storybook/addon-actions';
+import InputAutocomplete from './index';
+import { sortItems, getTimezones } from './utils';
+
+storiesOf('InputAutocomplete')
+  .addDecorator(checkA11y)
+  .add('default', () => (
+    <InputAutocomplete
+      input={{
+        onChange: action('on-change'),
+        value: '',
+      }}
+      items={getTimezones()}
+      onSelect={action('select-item')}
+      sortItems={sortItems}
+    />
+  ))
+  .add('empty items', () => (
+    <InputAutocomplete
+      input={{
+        onChange: action('on-change'),
+        value: '',
+      }}
+      items={[]}
+      onSelect={action('select-item')}
+      sortItems={sortItems}
+    />
+  ));
diff --git a/InputAutocomplete/utils.js b/InputAutocomplete/utils.js
new file mode 100644
index 00000000..aea59a91
--- /dev/null
+++ b/InputAutocomplete/utils.js
@@ -0,0 +1,37 @@
+// These utils are stub data for InputAutocomplete's story :)
+// Taken from the examples in react-autocomplete https://github.com/reactjs/react-autocomplete/tree/master/examples
+
+/**
+ * An example of how to implement a relevancy-based sorting method. States are
+ * sorted based on the location of the match - For example, a search for "or"
+ * will return "Oregon" before "North Carolina" even though "North Carolina"
+ * would normally sort above Oregon. Strings where the match is in the same
+ * location (or there is no match) will be sorted alphabetically - For example,
+ * a search for "or" would return "North Carolina" above "North Dakota".
+ */
+export function sortItems(a, b, value) {
+  const aLower = a.label.toLowerCase();
+  const bLower = b.label.toLowerCase();
+  const valueLower = value.toLowerCase();
+  const queryPosA = aLower.indexOf(valueLower);
+  const queryPosB = bLower.indexOf(valueLower);
+  if (queryPosA !== queryPosB) {
+    return queryPosA - queryPosB;
+  }
+  return aLower < bLower ? -1 : 1;
+}
+
+export function getTimezones() {
+  return [
+    { label: 'Benxi - China', timezone: 'Asia/Shanghai', offset: 28800 },
+    { label: 'Berrechid - Morocco', timezone: 'Africa/Casablanca', offset: 3600 },
+    { label: 'Kitakyu016bshu016b - Japan', timezone: 'Asia/Tokyo', offset: 32400 },
+    { label: 'Basingstoke - United Kingdom', timezone: 'Europe/London', offset: 3600 },
+    { label: 'Bridgetown - Barbados', timezone: 'America/Barbados', offset: -14400 },
+    { label: 'Ventura, CA - United States', timezone: 'America/Los_Angeles', offset: -25200 },
+    { label: 'Birmingham - United Kingdom', timezone: 'Europe/London', offset: 3600 },
+    { label: 'Brisbane - Australia', timezone: 'Australia/Brisbane', offset: 36000 },
+    { label: 'North Charleston, SC - United States', timezone: 'America/New_York', offset: -14400 },
+    { label: 'Kitakami - Japan', timezone: 'Asia/Tokyo', offset: 32400 },
+  ];
+}
diff --git a/InputDate/test.jsx b/InputDate/test.jsx
index 33ae573d..b9272ec5 100644
--- a/InputDate/test.jsx
+++ b/InputDate/test.jsx
@@ -1,7 +1,10 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import InputDate from './index';
 
+configure({ adapter: new Adapter() });
+
 describe('InputDate', () => {
   it('should trigger onChange when active day is clicked', () => {
     const onChange = jest.fn();
diff --git a/InputTime/index.jsx b/InputTime/index.jsx
index 21ac0f36..95ae7b07 100644
--- a/InputTime/index.jsx
+++ b/InputTime/index.jsx
@@ -1,38 +1,133 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import Select from '../Select';
+import Text from '../Text';
 import { calculateStyles } from '../lib/utils';
+import PseudoClassComponent from '../PseudoClassComponent';
 
-// generate array of numbers (inclusive)
-const genArray = (start, end) => [...Array(end + 1).keys()].slice(start);
+// generate array of numbers (inclusive) - IE 11 compatible
+const genArray = (start, end) =>
+  Array.apply(null, { length: end + 1 }) // eslint-disable-line prefer-spread
+  .map(Number.call, Number).slice(start);
 const leftPadTimeUnit = timeUnit => (timeUnit < 10 ? `0${timeUnit}` : timeUnit);
 
 /* eslint-disable react/prop-types */
+const selectWrapperStyle = ({
+  minimal,
+  marginLeft = 0,
+  marginRight = 0,
+}) => calculateStyles({
+  default: {
+    position: 'relative',
+    flex: 1,
+    marginLeft,
+    marginRight,
+  },
+  minimal: {
+    display: 'flex',
+    flexDirection: 'column',
+  },
+}, {
+  minimal,
+});
+
+const SelectWrapperStateless = ({
+  children,
+  minimal,
+  marginLeft,
+  marginRight,
+  hovered,
+  focused,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+}) =>
+  <div
+    onMouseEnter={onMouseEnter}
+    onMouseLeave={onMouseLeave}
+    onFocus={onFocus}
+    onBlur={onBlur}
+    style={selectWrapperStyle({
+      minimal,
+      marginLeft,
+      marginRight,
+      hovered,
+      focused,
+    })}
+  >
+    {children}
+  </div>;
+
+class SelectWrapper extends PseudoClassComponent {
+  render() {
+    const { children, ...rest } = this.props;
+    let hoveredChildren = children;
+    // string as children isn't clonable
+    if (React.isValidElement(children)) {
+      hoveredChildren = React.cloneElement(
+        children,
+        {
+          hovered: this.state.hovered,
+          color:
+            this.props.minimal &&
+            this.state.hovered &&
+            !this.state.focused ? 'curiousBlue' : undefined,
+        },
+      );
+    }
+    return (
+      <SelectWrapperStateless
+        {...rest}
+        hovered={this.state.hovered}
+        onMouseEnter={() => this.handleMouseEnter()}
+        onMouseLeave={() => this.handleMouseLeave()}
+        onFocus={() => this.handleFocus()}
+        onBlur={() => this.handleBlur()}
+      >
+        {hoveredChildren}
+      </SelectWrapperStateless>
+    );
+  }
+}
 
-const renderAmPm = ({
+const timeColonWrapperStyle = ({
+  minimal,
+}) => calculateStyles({
+  default: {
+    display: 'flex',
+    alignItems: 'center',
+    flex: 0,
+    marginLeft: '0.1rem',
+    marginRight: '0.1rem',
+  },
+  minimal: {
+    marginLeft: 0,
+    marginRight: 0,
+  },
+}, {
+  minimal,
+});
+
+const TimeColonWrapper = ({
+  children,
+  minimal,
+}) =>
+  <div
+    style={timeColonWrapperStyle({ minimal })}
+  >
+    {children}
+  </div>;
+
+const AmPm = ({
   disabled,
-  noStyle,
+  minimal,
   onChange,
   submitting,
   value,
-}) => {
-  const style = calculateStyles({
-    default: {
-      marginRight: '0.25rem',
-    },
-    noStyle: {
-      border: 0,
-      background: 'transparent',
-      margin: 0,
-      padding: 0,
-      WebkitAppearance: 'none',
-      MozAppearance: 'none',
-    },
-  }, {
-    noStyle,
-  });
-
-  return (
-    <select
+}) =>
+  <SelectWrapper minimal={minimal}>
+    <Select
       disabled={disabled || submitting}
       onChange={e => onChange({
         ...value,
@@ -40,14 +135,13 @@ const renderAmPm = ({
         ? value.hours - 12
         : value.hours + 12,
       })}
-      style={style}
+      noStyle={minimal}
       value={value.hours < 12 ? 'AM' : 'PM'}
-    >
-      <option value="AM">AM</option>
-      <option value="PM">PM</option>
-    </select>
-  );
-};
+      options={[{ value: 'AM', name: 'AM' }, { value: 'PM', name: 'PM' }]}
+      centerText={minimal}
+      rangeSelector={!minimal}
+    />
+  </SelectWrapper>;
 
 /* eslint-enable react/prop-types */
 
@@ -61,6 +155,24 @@ const displayHour = (hour, select24Hours) => {
   return modHour === 0 ? 12 : modHour;
 };
 
+const generateHours = (select24Hours, value) => {
+  const timeArray = genArray(
+    select24Hours || value.hours < 12 ? 0 : 12,
+    select24Hours || value.hours > 11 ? 23 : 11,
+  );
+  return timeArray.map((hour) => {
+    const displaytime = leftPadTimeUnit(displayHour(hour, select24Hours)).toString();
+    return { value: hour, name: displaytime };
+  });
+};
+
+const generateMinutes = () => (
+  genArray(0, 59).map((min) => {
+    const displayMin = leftPadTimeUnit(min).toString();
+    return { value: min, name: displayMin };
+  })
+);
+
 const InputTime = ({
   disabled,
   input: {
@@ -70,62 +182,61 @@ const InputTime = ({
   meta: {
     submitting,
   },
-  noStyle,
+  minimal,
   select24Hours,
+  displayTimeColon,
 }) => {
-  const style = calculateStyles({
-    default: {
-      display: 'inline-flex',
-      marginRight: '0.25rem',
-    },
-    noStyle: {
-      border: 0,
-      background: 'transparent',
-      marginTop: 0,
-      marginRight: '0.25rem',
-      marginBottom: 0,
-      marginLeft: 0,
-      padding: 0,
-      WebkitAppearance: 'none',
-      MozAppearance: 'none',
-    },
-  }, {
-    noStyle,
-  });
+  const style = {
+    width: '100%',
+    display: 'flex',
+  };
 
   if (!value) {
     value = { hours: 0, minutes: 0 };
   }
   return (
     <div style={style}>
-      <select
-        disabled={disabled || submitting}
-        onChange={e => onChange({ ...value, hours: parseInt(e.target.value, 10) })}
-        style={style}
-        value={value.hours}
-      >
-        {genArray(
-          select24Hours || value.hours < 12 ? 0 : 12,
-          select24Hours || value.hours > 11 ? 23 : 11,
-        ).map(hour =>
-          <option
-            key={hour}
-            value={hour}
-          >
-            {leftPadTimeUnit(displayHour(hour, select24Hours))}
-          </option>)
-        }
-      </select>
-      <select
-        disabled={disabled || submitting}
-        onChange={e => onChange({ ...value, minutes: parseInt(e.target.value, 10) })}
-        style={style}
-        value={value.minutes}
+      <SelectWrapper minimal={minimal}>
+        <Select
+          disabled={disabled || submitting}
+          onChange={e => onChange({ ...value, hours: parseInt(e.target.value, 10) })}
+          value={value.hours}
+          options={generateHours(select24Hours, value)}
+          label={'Hour'}
+          noStyle={minimal}
+          centerText={minimal}
+          rangeSelector={!minimal}
+        />
+      </SelectWrapper>
+      { displayTimeColon ?
+        <TimeColonWrapper
+          minimal={minimal}
+        >
+          <Text size={'small'}>:</Text>
+        </TimeColonWrapper>
+        : null }
+      <SelectWrapper
+        minimal={minimal}
+        marginLeft={minimal || displayTimeColon ? 0 : '0.25rem'}
+        marginRight={!minimal ? '0.25rem' : undefined}
       >
-        {genArray(0, 59).map(min =>
-          <option key={min} value={min}>{leftPadTimeUnit(min)}</option>)}
-      </select>
-      { select24Hours ? null : renderAmPm({ disabled, noStyle, onChange, submitting, value }) }
+        <Select
+          disabled={disabled || submitting}
+          onChange={e => onChange({ ...value, minutes: parseInt(e.target.value, 10) })}
+          value={value.minutes}
+          options={generateMinutes()}
+          label={'Minute'}
+          noStyle={minimal}
+          centerText={minimal}
+          rangeSelector={!minimal}
+        />
+      </SelectWrapper>
+      {
+        select24Hours ?
+        null
+        :
+        AmPm({ disabled, minimal, onChange, submitting, value })
+      }
     </div>
   );
 };
@@ -133,7 +244,7 @@ const InputTime = ({
 InputTime.propTypes = {
   disabled: PropTypes.bool,
   input: PropTypes.shape({
-    onChange: PropTypes.func.isRequired,
+    onChange: PropTypes.func,
     value: PropTypes.oneOfType([
       PropTypes.shape({
         hours: PropTypes.number.isRequired,
@@ -145,8 +256,9 @@ InputTime.propTypes = {
   meta: PropTypes.shape({
     submitting: PropTypes.bool,
   }),
-  noStyle: PropTypes.bool,
+  minimal: PropTypes.bool,
   select24Hours: PropTypes.bool,
+  displayTimeColon: PropTypes.bool,
 };
 
 InputTime.defaultProps = {
diff --git a/InputTime/story.jsx b/InputTime/story.jsx
index e7d3dba9..1ec25725 100644
--- a/InputTime/story.jsx
+++ b/InputTime/story.jsx
@@ -24,22 +24,22 @@ storiesOf('InputTime')
       }}
     />
   ))
-  .add('noStyle', () => (
+  .add('minimal', () => (
     <InputTime
       input={{
         onChange: action('on-change'),
         value: '',
       }}
-      noStyle
+      minimal
     />
   ))
-  .add('noStyle with 24 hour selection', () => (
+  .add('minimal with 24 hour selection', () => (
     <InputTime
       input={{
         onChange: action('on-change'),
         value: '',
       }}
-      noStyle
+      minimal
       select24Hours
     />
   ))
@@ -99,4 +99,23 @@ storiesOf('InputTime')
         submitting: true,
       }}
     />
+  ))
+  .add('displayTimeColon', () => (
+    <InputTime
+      input={{
+        onChange: action('on-change'),
+        value: '',
+      }}
+      displayTimeColon
+    />
+  ))
+  .add('displayTimeColon minimal', () => (
+    <InputTime
+      input={{
+        onChange: action('on-change'),
+        value: '',
+      }}
+      displayTimeColon
+      minimal
+    />
   ));
diff --git a/InputTime/test.jsx b/InputTime/test.jsx
index c4a2cd03..bd1d8ac1 100644
--- a/InputTime/test.jsx
+++ b/InputTime/test.jsx
@@ -1,7 +1,10 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import InputTime from './index';
 
+configure({ adapter: new Adapter() });
+
 describe('InputTime', () => {
   it('should trigger onChange when hour is selected', () => {
     const onChange = jest.fn();
diff --git a/InputWeekday/index.jsx b/InputWeekday/index.jsx
new file mode 100644
index 00000000..defde290
--- /dev/null
+++ b/InputWeekday/index.jsx
@@ -0,0 +1,68 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Select from '../Select';
+
+const style = {
+  display: 'flex',
+};
+
+const chooseDaysStyle = {
+  marginTop: 0,
+  marginRight: '1rem',
+  marginBottom: 0,
+  marginLeft: 0,
+};
+
+const scheduleTypes = [
+  { name: 'Every Day', value: 'everyday' },
+  { name: 'Weekdays', value: 'weekdays' },
+  { name: 'Weekends', value: 'weekends' },
+  { name: 'Monday', value: 'mon' },
+  { name: 'Tuesday', value: 'tue' },
+  { name: 'Wednesday', value: 'wed' },
+  { name: 'Thursday', value: 'thu' },
+  { name: 'Friday', value: 'fri' },
+  { name: 'Saturday', value: 'sat' },
+  { name: 'Sunday', value: 'sun' },
+];
+
+const InputWeekday = ({
+  input: {
+    value,
+    onChange,
+  },
+  meta: {
+    submitting,
+  },
+}) => (
+  <div style={style}>
+    <Select
+      disabled={submitting}
+      onChange={e => onChange({ ...value, day: e.target.value })}
+      options={scheduleTypes}
+      value={value.day}
+      label={'choose days'}
+    />
+  </div>
+);
+
+InputWeekday.propTypes = {
+  input: PropTypes.shape({
+    value: PropTypes.oneOfType([
+      PropTypes.shape({
+        day: PropTypes.string.isRequired,
+      }),
+      PropTypes.string,
+    ]),
+    onChange: PropTypes.func,
+  }).isRequired,
+  meta: PropTypes.shape({
+    submitting: PropTypes.bool,
+  }),
+};
+
+InputWeekday.defaultProps = {
+  meta: {},
+};
+
+export default InputWeekday;
diff --git a/InputWeekday/story.jsx b/InputWeekday/story.jsx
new file mode 100644
index 00000000..57ca679c
--- /dev/null
+++ b/InputWeekday/story.jsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { checkA11y } from 'storybook-addon-a11y';
+import InputWeekday from './index';
+
+
+storiesOf('InputWeekday')
+  .addDecorator(checkA11y)
+  .add('default', () => (
+    <InputWeekday
+      input={{
+        onChange: action('on-change'),
+        value: '',
+      }}
+    />
+  ))
+  .add('with value set', () => (
+    <InputWeekday
+      input={{
+        onChange: action('on-change'),
+        value: {
+          day: 'tue',
+        },
+      }}
+    />
+  ))
+  .add('with form submitting', () => (
+    <InputWeekday
+      input={{
+        onChange: action('on-change'),
+        value: {
+          day: 'wed',
+        },
+      }}
+      meta={{
+        submitting: true,
+      }}
+    />
+  ));
diff --git a/InputWeekday/test.jsx b/InputWeekday/test.jsx
new file mode 100644
index 00000000..8a038afd
--- /dev/null
+++ b/InputWeekday/test.jsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import InputWeekday from './index';
+
+configure({ adapter: new Adapter() });
+
+describe('InputWeekday', () => {
+  it('should trigger onChange when day is selected', () => {
+    const onChange = jest.fn();
+    const wrapper = mount(
+      <InputWeekday
+        input={{
+          onChange,
+          value: '',
+        }}
+      />,
+    );
+    wrapper
+      .find('select')
+      .first()
+      .simulate('change', { target: { value: 'wed' } });
+    expect(onChange)
+      .toBeCalledWith({
+        day: 'wed',
+      });
+  });
+});
diff --git a/Link/index.jsx b/Link/index.jsx
index 50b15167..93c85dae 100644
--- a/Link/index.jsx
+++ b/Link/index.jsx
@@ -2,12 +2,15 @@ import React from 'react';
 import LinkStateless from '../LinkStateless';
 import PseudoClassComponent from '../PseudoClassComponent';
 
+const isNativeComponent = component => typeof component.type === 'string';
+
 class Link extends PseudoClassComponent {
   render() {
     const { children, ...rest } = this.props;
     let hoveredChildren = children;
     // string as children isn't clonable
-    if (React.isValidElement(children)) {
+    // also don't add `hover` prop to native components
+    if (React.isValidElement(children) && !isNativeComponent(children)) {
       hoveredChildren = React.cloneElement(
         children,
         { hovered: this.state.hovered },
diff --git a/Link/story.jsx b/Link/story.jsx
index 5bdcb754..b4eb1427 100644
--- a/Link/story.jsx
+++ b/Link/story.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
 import { checkA11y } from 'storybook-addon-a11y';
 import Link from './index';
 
@@ -10,4 +11,7 @@ storiesOf('Link')
   ))
   .add('unstyled', () => (
     <Link href={'https://twitter.com'} unstyled>Twitter</Link>
+  ))
+  .add('onClick', () => (
+    <Link href={'#'} onClick={action('on-click')} unstyled>Twitter</Link>
   ));
diff --git a/Link/test.jsx b/Link/test.jsx
index 3cb8fbcc..4932c456 100644
--- a/Link/test.jsx
+++ b/Link/test.jsx
@@ -1,9 +1,12 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import LinkStateless from '../LinkStateless';
 import Link from './index';
 import testComponentA11y from '../lib/a11yTestHelper';
 
+configure({ adapter: new Adapter() });
+
 describe('Link', () => {
   it('should pass accessibility audit', () => testComponentA11y(
     <Link href={'localhost:8000'}>A Link</Link>,
@@ -16,10 +19,12 @@ describe('Link', () => {
     const link = wrapper
       .find(LinkStateless);
     link.simulate('mouseEnter');
-    expect(link.props().hovered)
+    wrapper.update();
+    expect(wrapper.find(LinkStateless).props().hovered)
       .toBe(true);
     link.simulate('mouseLeave');
-    expect(link.props().hovered)
+    wrapper.update();
+    expect(wrapper.find(LinkStateless).props().hovered)
       .toBe(false);
   });
 
@@ -30,10 +35,12 @@ describe('Link', () => {
     const link = wrapper
       .find(LinkStateless);
     link.simulate('focus');
-    expect(link.props().focused)
+    wrapper.update();
+    expect(wrapper.find(LinkStateless).props().focused)
       .toBe(true);
     link.simulate('blur');
-    expect(link.props().focused)
+    wrapper.update();
+    expect(wrapper.find(LinkStateless).props().focused)
       .toBe(false);
   });
 
@@ -50,10 +57,12 @@ describe('Link', () => {
     const link = wrapper
       .find(LinkStateless);
     link.simulate('focus');
-    expect(link.props().focused)
+    wrapper.update();
+    expect(wrapper.find(LinkStateless).props().focused)
       .toBe(true);
     link.simulate('blur');
-    expect(link.props().focused)
+    wrapper.update();
+    expect(wrapper.find(LinkStateless).props().focused)
       .toBe(false);
   });
 });
diff --git a/LinkStateless/index.jsx b/LinkStateless/index.jsx
index 18be2d85..1c2b1af3 100644
--- a/LinkStateless/index.jsx
+++ b/LinkStateless/index.jsx
@@ -25,23 +25,32 @@ const Link = ({
   onMouseLeave,
   onFocus,
   onBlur,
+  onClick,
+  padding,
+  block,
 }) => {
   const style = calculateStyles({
     default: {
       color: curiousBlue,
       fontFamily,
+      padding,
     },
     hovered: {
       color: denim,
     },
     unstyled: {
       textDecoration: 'none',
+      outline: 'none',
     },
-    focused: focusedStyle,
+    block: {
+      display: 'block',
+    },
+    focused: unstyled ? '' : focusedStyle,
   }, {
     hovered,
     unstyled,
     focused,
+    block,
   });
 
   return (
@@ -53,6 +62,7 @@ const Link = ({
       onMouseLeave={onMouseLeave}
       onFocus={onFocus}
       onBlur={onBlur}
+      onClick={onClick}
     >
       {children}
     </a>
@@ -70,6 +80,14 @@ Link.propTypes = {
   onMouseLeave: PropTypes.func,
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,
+  onClick: PropTypes.func,
+  padding: PropTypes.string,
+  block: PropTypes.bool,
+};
+
+Link.defaultProps = {
+  padding: '0',
+  block: false,
 };
 
 export default Link;
diff --git a/LinkStateless/story.jsx b/LinkStateless/story.jsx
index 0935ebbb..fc4f11f0 100644
--- a/LinkStateless/story.jsx
+++ b/LinkStateless/story.jsx
@@ -69,4 +69,11 @@ storiesOf('LinkStateless')
     >
       Twitter
     </LinkStateless>
+  ))
+  .add('onClick', () => (
+    <LinkStateless
+      onClick={action('on-click')}
+    >
+      Twitter
+    </LinkStateless>
   ));
diff --git a/LinkifiedText/index.jsx b/LinkifiedText/index.jsx
index 97b15366..b29d2796 100644
--- a/LinkifiedText/index.jsx
+++ b/LinkifiedText/index.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Text from '../Text';
 import Link from '../Link';
-
+import colors from '../style/color';
 
 const linkDataToElement = (options, link, key) =>
   <Link
@@ -48,17 +48,19 @@ const calulateLinkifiedText = (options, links, curString, calculatedElements = [
 
 const LinkifiedText = ({
   children,
+  color,
   links,
   newTab,
   size,
   unstyled,
 }) => {
   const options = { unstyled, newTab };
-  return <Text size={size}>{calulateLinkifiedText(options, links, children)}</Text>;
+  return <Text size={size} color={color}>{calulateLinkifiedText(options, links, children)}</Text>;
 };
 
 LinkifiedText.propTypes = {
   children: PropTypes.string,
+  color: PropTypes.oneOf(Object.keys(colors)),
   links: PropTypes.arrayOf(
     PropTypes.shape({
       rawString: PropTypes.string,
diff --git a/LinkifiedText/story.jsx b/LinkifiedText/story.jsx
index f987612b..2b7ec3c8 100644
--- a/LinkifiedText/story.jsx
+++ b/LinkifiedText/story.jsx
@@ -81,4 +81,18 @@ storiesOf('LinkifiedText')
     >
       {'a http://t.co/0JG5Mcq b'}
     </LinkifiedText>
+  ))
+  .add('black text, unstyled link', () => (
+    <LinkifiedText
+      links={[{
+        rawString: 'http://t.co/0JG5Mcq',
+        displayString: 'blog.twitter.com/2011/05/twitte…',
+        url: 'http://blog.twitter.com/2011/05/twitter-for-mac-update.html',
+        indices: [2, 21],
+      }]}
+      color={'black'}
+      unstyled
+    >
+      {'a http://t.co/0JG5Mcq b'}
+    </LinkifiedText>
   ));
diff --git a/Loader/index.jsx b/Loader/index.jsx
index 312d91b0..9b1cfd38 100644
--- a/Loader/index.jsx
+++ b/Loader/index.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Keyframes, Frame } from 'react-keyframes';
+import { Keyframes, Frame } from '@bufferapp/react-keyframes';
 import PropTypes from 'prop-types';
 import { BufferTopIcon, BufferMiddleIcon, BufferBottomIcon } from '../Icon/Icons';
 import Text from '../Text';
diff --git a/LoadingAnimation/index.jsx b/LoadingAnimation/index.jsx
new file mode 100644
index 00000000..21738d5b
--- /dev/null
+++ b/LoadingAnimation/index.jsx
@@ -0,0 +1,7 @@
+import React from 'react';
+import Image from '../Image';
+
+const LoadingAnimation = () =>
+  <Image width="45px" marginTop="5rem" src="https://s3.amazonaws.com/buffer-publish/images/black-loading-gif-small.gif" />;
+
+export default LoadingAnimation;
diff --git a/MultipleImages/index.jsx b/MultipleImages/index.jsx
index 2b5d9390..6f4f45f0 100644
--- a/MultipleImages/index.jsx
+++ b/MultipleImages/index.jsx
@@ -41,6 +41,7 @@ const MultipleImages = ({ border,
     flexBasis: '50%',
     height: getImageWrapperHeight(urls),
   };
+
   return (
     <div style={multipleImagesStyle}>
       {
@@ -56,6 +57,7 @@ const MultipleImages = ({ border,
               src={url}
               verticalAlignBottom
               width={'100%'}
+              pad
             />
           </div>,
         )
diff --git a/Notification/index.jsx b/Notification/index.jsx
new file mode 100644
index 00000000..155da403
--- /dev/null
+++ b/Notification/index.jsx
@@ -0,0 +1,92 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Button from '../Button';
+import Text from '../Text';
+import Card from '../Card';
+import {
+  CircleCheckmarkIcon,
+  CloseIcon,
+  WarningIcon,
+} from '../Icon/Icons';
+
+const NotificationIcon = ({
+  type,
+}) => {
+  if (type === 'error') {
+    return (
+      <WarningIcon
+        color={'torchRed'}
+        size={'large'}
+      />
+    );
+  }
+  return (
+    <CircleCheckmarkIcon
+      color={'shamrock'}
+      size={'large'}
+    />
+  );
+};
+
+const Notification = ({
+  children,
+  onCloseClick,
+  type,
+}) =>
+  <Card
+    noPadding
+    noBorder
+    shadowHeight={2}
+  >
+    <div
+      style={{
+        display: 'flex',
+      }}
+    >
+      <div
+        style={{
+          margin: '1rem',
+        }}
+      >
+        <NotificationIcon
+          type={type}
+        />
+      </div>
+      <div
+        style={{
+          flexGrow: 1,
+          margin: '1rem 0',
+        }}
+      >
+        <Text
+          size={'mini'}
+        >
+          {children}
+        </Text>
+      </div>
+      <div
+        style={{
+          margin: '0.5rem 0.5rem 0 1.5rem',
+        }}
+      >
+        <Button
+          onClick={onCloseClick}
+          noStyle
+        >
+          <CloseIcon />
+        </Button>
+      </div>
+    </div>
+  </Card>;
+
+Notification.propTypes = {
+  children: PropTypes.node.isRequired,
+  onCloseClick: PropTypes.func.isRequired,
+  type: PropTypes.oneOf(['success', 'error']),
+};
+
+Notification.defaultProps = {
+  type: 'success',
+};
+
+export default Notification;
diff --git a/Notification/story.jsx b/Notification/story.jsx
new file mode 100644
index 00000000..ff5bef11
--- /dev/null
+++ b/Notification/story.jsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { checkA11y } from 'storybook-addon-a11y';
+import Notification from './index';
+
+storiesOf('Notification')
+  .addDecorator(checkA11y)
+  .add('default', () => (
+    <Notification
+      onCloseClick={action('on-close-click')}
+    >
+      {"Awesome! You've got a notification!"}
+    </Notification>
+  ))
+  .add('long text', () => (
+    <Notification
+      onCloseClick={action('on-close-click')}
+    >
+      {'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.'}
+    </Notification>
+  ))
+  .add('handle close click', () => (
+    <Notification
+      onCloseClick={action('on-close-click')}
+    >
+      {'Click the close button'}
+    </Notification>
+  ))
+  .add('error', () => (
+    <Notification
+      type={'error'}
+      onCloseClick={action('on-close-click')}
+    >
+      {'Oh No! There was an error doing the thing!'}
+    </Notification>
+  ));
diff --git a/PseudoClassComponent/test.jsx b/PseudoClassComponent/test.jsx
index 3839be2b..abaa1920 100644
--- a/PseudoClassComponent/test.jsx
+++ b/PseudoClassComponent/test.jsx
@@ -1,8 +1,11 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import ButtonStateless from '../ButtonStateless';
 import PseudoClassComponent from './index';
 
+configure({ adapter: new Adapter() });
+
 describe('PseudoClassComponent', () => {
   it('should toggle hovered prop when mouseEnter and mouseLeave are triggered', () => {
     const wrapper = mount(
@@ -13,10 +16,12 @@ describe('PseudoClassComponent', () => {
     const button = wrapper
       .find(ButtonStateless);
     button.simulate('mouseEnter');
-    expect(button.props().hovered)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().hovered)
       .toBe(true);
     button.simulate('mouseLeave');
-    expect(button.props().hovered)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().hovered)
       .toBe(false);
   });
 
@@ -29,10 +34,12 @@ describe('PseudoClassComponent', () => {
     const button = wrapper
       .find(ButtonStateless);
     button.simulate('focus');
-    expect(button.props().focused)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().focused)
       .toBe(true);
     button.simulate('blur');
-    expect(button.props().focused)
+    wrapper.update();
+    expect(wrapper.find(ButtonStateless).props().focused)
       .toBe(false);
   });
 });
diff --git a/README.md b/README.md
index b4fc0cf8..530f7ad6 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,3 @@
-🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧
-
-## This Repo Has Been Moved To A Package Of [Buffer Publish](https://github.com/bufferapp/buffer-publish)
-
-Buffer Components Package: https://github.com/bufferapp/buffer-publish/tree/master/packages/components
-
 # Buffer Components
 
 [![Build Status](https://travis-ci.org/bufferapp/buffer-components.svg?branch=master)](https://travis-ci.org/bufferapp/buffer-components)
diff --git a/Select/index.jsx b/Select/index.jsx
index 734664f9..0c4a187e 100644
--- a/Select/index.jsx
+++ b/Select/index.jsx
@@ -1,8 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
+import { calculateStyles } from '../lib/utils';
+import colors, {
   transparent,
   mystic,
+  shuttleGray,
 } from '../style/color';
 import {
   fontSizeSmall,
@@ -10,58 +12,189 @@ import {
 import {
   borderRadius,
   borderWidth,
+  borderWidthNumber,
 } from '../style/border';
-import {
-  tooltip,
-} from '../style/zIndex';
 import ArrowDownIcon from '../Icon/Icons/ArrowDownIcon';
+import ArrowUpIcon from '../Icon/Icons/ArrowUpIcon';
 
-const selectWrapperStyle = {
-  display: 'flex',
-  alignItems: 'center',
-  flexDirection: 'row',
+const height = 2;
+
+const defaultIconStyle = {
+  position: 'absolute',
+  top: '0.5rem',
+  right: '0.5rem',
+  pointerEvents: 'none',
 };
 
-const selectStyle = {
-  zIndex: tooltip,
-  height: '2rem',
-  paddingRight: '0.5rem',
-  paddingLeft: '0.5rem',
-  fontSize: fontSizeSmall,
-  background: transparent,
-  border: `${borderWidth} solid ${mystic}`,
-  borderRadius,
-  appearance: 'none',
-  '-webkit-appearance': 'none',
-  '-moz-appearance': 'none',
+const selectWrapperStyle = {
+  position: 'relative',
 };
 
-const iconStyle = {
-  zIndex: 0,
-  display: 'flex',
-  marginLeft: '-1.5rem',
-  alignItems: 'center',
+const RangeIcon = () =>
+  <div
+    style={{
+      position: 'absolute',
+      top: borderWidth,
+      right: borderWidth,
+      display: 'flex',
+      flexDirection: 'column',
+      pointerEvents: 'none',
+      height: `${height - (borderWidthNumber * 2)}rem`,
+      backgroundColor: '#fcfcfc',
+      borderLeft: `${borderWidth} solid ${mystic}`,
+      borderRadiusTopRight: borderRadius,
+      borderRadiusBottomRight: borderRadius,
+      width: '1rem',
+      alignItems: 'center',
+    }}
+  >
+    <div
+      style={{
+        height: `${(height / 2) - (borderWidthNumber)}rem`,
+        fontFamily: 'none',
+      }}
+    >
+      <ArrowUpIcon size={'small'} />
+    </div>
+    <div
+      style={{
+        height: `${(height / 2) - (borderWidthNumber)}rem`,
+        fontFamily: 'none',
+      }}
+    >
+      <ArrowDownIcon size={'small'} />
+    </div>
+  </div>;
+
+const DefaultIcon = () =>
+  <div style={defaultIconStyle}>
+    <ArrowDownIcon />
+  </div>;
+
+/* eslint-disable react/prop-types */
+const SelectIcon = ({ noStyle, rangeSelector }) => {
+  if (noStyle) {
+    return null;
+  } else if (rangeSelector) {
+    return (
+      <RangeIcon />
+    );
+  }
+  return (
+    <DefaultIcon />
+  );
 };
+/* eslint-enable react/prop-types */
+
+const Select = ({
+  options,
+  onChange,
+  disabled,
+  noStyle,
+  label,
+  value,
+  centerText,
+  rangeSelector,
+  color,
+  hovered,
+}) => {
+  const selectStyle = calculateStyles({
+    default: {
+      height: `${height}rem`,
+      padding: '0 1.5rem 0 0.5rem',
+      fontSize: fontSizeSmall,
+      background: transparent,
+      border: `${borderWidth} solid ${mystic}`,
+      borderRadius,
+      appearance: 'none',
+      WebkitAppearance: 'none',
+      MozAppearance: 'none',
+      width: '100%',
+      color: colors[color],
+    },
+    noStyle: {
+      height: 'auto',
+      border: 0,
+      background: 'transparent',
+      margin: 0,
+      padding: 0,
+    },
+    centerText: {
+      textAlignLast: 'center',
+      paddingLeft: 0,
+    },
+    rangeSelector: {
+      paddingRight: '1rem',
+    },
+    hovered: {
+      cursor: 'pointer',
+    },
+  }, {
+    noStyle,
+    centerText,
+    rangeSelector,
+    hovered,
+  });
 
-const Select = ({ options }) => (
-  <div style={selectWrapperStyle}>
-    <select style={selectStyle}>
-      {
-        options.map(option =>
-          <option key={option.toString()}>
-            {option}
-          </option>,
-          )
-      }
-    </select>
-    <span style={iconStyle}>
-      <ArrowDownIcon />
-    </span>
-  </div>
-);
+  return (
+    <div style={selectWrapperStyle}>
+      <select
+        style={selectStyle}
+        onChange={onChange}
+        disabled={disabled}
+        aria-label={label}
+        value={value}
+      >
+        {
+          options.map(option =>
+            <option key={option.value.toString()} value={option.value}>
+              {option.name}
+            </option>,
+            )
+        }
+      </select>
+      <SelectIcon
+        noStyle={noStyle}
+        rangeSelector={rangeSelector}
+      />
+    </div>
+  );
+};
 
 Select.propTypes = {
-  options: PropTypes.arrayOf(PropTypes.string).isRequired,
+  options: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+    ]),
+    name: PropTypes.oneOfType([
+      PropTypes.string,
+      PropTypes.number,
+    ]),
+  })).isRequired,
+  onChange: PropTypes.func,
+  disabled: PropTypes.bool,
+  noStyle: PropTypes.bool,
+  label: PropTypes.string,
+  value: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+  ]),
+  centerText: PropTypes.bool,
+  rangeSelector: PropTypes.bool,
+  color: PropTypes.oneOf(Object.keys(colors)),
+  hovered: PropTypes.bool,
+};
+
+Select.defaultProps = {
+  onChange: () => {},
+  disabled: false,
+  noStyle: false,
+  label: null,
+  value: undefined,
+  centerText: false,
+  rangeSelector: false,
+  color: 'shuttleGray',
 };
 
 export default Select;
diff --git a/Select/story.jsx b/Select/story.jsx
index e17bd89e..680c0eb7 100644
--- a/Select/story.jsx
+++ b/Select/story.jsx
@@ -1,18 +1,102 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
 import { checkA11y } from 'storybook-addon-a11y';
 import Select from './index';
 
 const options = [
-  'London',
-  'New York',
-  'San Francisco',
-  'Tokyo',
-  'Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch', // http://www.fun-with-words.com/longest_place_names.html
+  { name: 'London', value: 'London' },
+  { name: 'New York', value: 'New York' },
+  { name: 'San Francisco', value: 'San Francisco' },
+  { name: 'Tokyo', value: 'Tokyo' },
+  { name: 'Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch', value: 'Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch' }, // http://www.fun-with-words.com/longest_place_names.html
 ];
 
 storiesOf('Select')
   .addDecorator(checkA11y)
   .add('default', () => (
-    <Select options={options} />
+    <Select
+      options={options}
+      onChange={action('on-change')}
+    />
+  ))
+  .add('with value set', () => (
+    <Select
+      options={options}
+      value={'Tokyo'}
+      onChange={action('on-change')}
+    />
+  ))
+  .add('noStyle', () => (
+    <Select
+      options={options}
+      value={'Tokyo'}
+      onChange={action('on-change')}
+      noStyle
+    />
+  ))
+  .add('short numbers', () => (
+    <Select
+      options={[{
+        name: 1,
+        value: 1,
+      }, {
+        name: 2,
+        value: 2,
+      }]}
+      value={2}
+      onChange={action('on-change')}
+    />
+  ))
+  .add('center text', () => (
+    <Select
+      options={[{
+        name: 1,
+        value: 1,
+      }, {
+        name: 2,
+        value: 2,
+      }]}
+      value={2}
+      onChange={action('on-change')}
+      centerText
+      noStyle
+    />
+  ))
+  .add('rangeSelector', () => (
+    <Select
+      options={[{
+        name: 1,
+        value: 1,
+      }, {
+        name: 2,
+        value: 2,
+      }]}
+      value={2}
+      onChange={action('on-change')}
+      rangeSelector
+    />
+  ))
+  .add('rangeSelector centerText', () => (
+    <Select
+      options={[{
+        name: 1,
+        value: 1,
+      }, {
+        name: 2,
+        value: 2,
+      }]}
+      value={2}
+      onChange={action('on-change')}
+      centerText
+      rangeSelector
+    />
+  ))
+  .add('with text color', () => (
+    <Select
+      options={options}
+      value={'Tokyo'}
+      onChange={action('on-change')}
+      color={'curiousBlue'}
+    />
   ));
diff --git a/Select/test.jsx b/Select/test.jsx
index 365e3f03..a3299bdc 100644
--- a/Select/test.jsx
+++ b/Select/test.jsx
@@ -5,11 +5,11 @@ import Select from './index';
 describe('Select', () => {
   it('should pass accessibility audit', () => {
     const options = [
-      'London',
-      'New York',
-      'San Francisco',
-      'Tokyo',
-      'Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch', // http://www.fun-with-words.com/longest_place_names.html
+      { name: 'London', value: 'London' },
+      { name: 'New York', value: 'New York' },
+      { name: 'San Francisco', value: 'San Francisco' },
+      { name: 'Tokyo', value: 'Tokyo' },
+      { name: 'Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch', value: 'Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch' }, // http://www.fun-with-words.com/longest_place_names.html
     ];
     return testComponentA11y(<Select options={options} />)
     .then(results => expect(results.violations.length).toBe(0));
diff --git a/Text/index.jsx b/Text/index.jsx
index 4eced1bb..d1ec859f 100644
--- a/Text/index.jsx
+++ b/Text/index.jsx
@@ -7,6 +7,7 @@ import {
   fontFamily,
   fontSize,
   fontSizeLarge,
+  fontSizeExtraLarge,
   fontSizeMini,
   fontSizeSmall,
   fontSizeExtraSmall,
@@ -36,6 +37,9 @@ const Text = ({ children, size, weight, color }) => {
     large: {
       fontSize: fontSizeLarge,
     },
+    extraLarge: {
+      fontSize: fontSizeExtraLarge,
+    },
     mini: {
       fontSize: fontSizeMini,
     },
@@ -47,6 +51,7 @@ const Text = ({ children, size, weight, color }) => {
     thin: weight === 'thin',
     extraSmall: size === 'extra-small',
     large: size === 'large',
+    extraLarge: size === 'extra-large',
     mini: size === 'mini',
     small: size === 'small',
   });
@@ -57,34 +62,9 @@ const Text = ({ children, size, weight, color }) => {
 
 Text.propTypes = {
   children: PropTypes.node,
-  size: PropTypes.oneOf(['extra-small', 'large', 'mini', 'small']),
+  size: PropTypes.oneOf(['extra-small', 'large', 'extra-large', 'mini', 'small']),
   weight: PropTypes.oneOf(['bold', 'thin']),
-  color: PropTypes.oneOf([
-    'appdotnet',
-    'aquaHaze',
-    'black',
-    'curiousBlue',
-    'curiousBlueLight',
-    'curiousBlueUltraLight',
-    'denim',
-    'facebook',
-    'geyser',
-    'googleplus',
-    'linkedin',
-    'mystic',
-    'nevada',
-    'outerSpace',
-    'outerSpaceLight',
-    'outerSpaceUltraLight',
-    'pinterest',
-    'saffron',
-    'shamrock',
-    'shuttleGray',
-    'toryBlue',
-    'torchRed',
-    'twitter',
-    'white',
-  ]),
+  color: PropTypes.oneOf(Object.keys(colors)),
 };
 
 Text.defaultProps = {
diff --git a/Text/story.jsx b/Text/story.jsx
index ede92cbf..996173b5 100644
--- a/Text/story.jsx
+++ b/Text/story.jsx
@@ -39,6 +39,9 @@ storiesOf('Text')
   .add('large', () => (
     <Text size={'large'}>{text}</Text>
   ))
+  .add('extra-large', () => (
+    <Text size={'extra-large'}>{text}</Text>
+  ))
   .add('mini', () => (
     <Text size={'mini'}>{text}</Text>
   ))
diff --git a/__snapshots__/snapshot.test.js.snap b/__snapshots__/snapshot.test.js.snap
index 990e360a..fc415991 100644
--- a/__snapshots__/snapshot.test.js.snap
+++ b/__snapshots__/snapshot.test.js.snap
@@ -1,1033 +1,531 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Snapshots Button default 1`] = `
-<span>
-  <button
-    disabled={undefined}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    style={
-      Object {
-        "backgroundColor": "#168eea",
-        "border": "0.063rem solid transparent",
-        "borderRadius": "2rem",
-        "color": "#fff",
-        "cursor": "pointer",
-        "display": "inline-block",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.8rem",
-        "fontWeight": 400,
-        "margin": "0",
-        "outline": "none",
-        "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
-      }
+exports[`Snapshots ArrowPopover default tooltip 1`] = `
+<div
+  style={
+    Object {
+      "display": "inline-block",
+      "margin": "5rem",
+      "overflow": "visible",
+      "position": "relative",
     }
-  >
-    Click Me
-  </button>
-</span>
-`;
-
-exports[`Snapshots Button warning button 1`] = `
-<span>
-  <button
-    disabled={undefined}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
+  }
+>
+  <span
     style={
       Object {
-        "backgroundColor": "transparent",
-        "border": "0.063rem solid transparent",
-        "borderColor": "#ff1e1e",
-        "borderRadius": "2rem",
-        "color": "#323b43",
-        "cursor": "pointer",
-        "display": "inline-block",
+        "color": "#59626a",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.8rem",
+        "fontSize": "1rem",
         "fontWeight": 400,
-        "margin": "0",
-        "outline": "none",
-        "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
       }
     }
   >
-    Warning
-  </button>
-</span>
-`;
-
-exports[`Snapshots Button with icon and text 1`] = `
-<span>
-  <button
-    disabled={undefined}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
+    I have a Popover tooltip!
+  </span>
+  <div
+    id=""
     style={
       Object {
-        "background": "none",
-        "backgroundColor": "unset",
-        "border": "none",
-        "borderRadius": "unset",
-        "color": "unset",
-        "cursor": "pointer",
-        "display": "unset",
-        "fontFamily": "unset",
-        "fontSize": "unset",
-        "fontWeight": "unset",
-        "lineHeight": "unset",
-        "margin": "unset",
-        "outline": "none",
-        "padding": 0,
-        "transition": "unset",
+        "background": "#2E435E",
+        "borderRadius": "0.126rem",
+        "boxShadow": "0 1px 2px 0 rgba(0,0,0,0.50)",
+        "color": "#fff",
+        "display": "inline-block",
+        "left": "100%",
+        "padding": ".25rem .75rem",
+        "position": "absolute",
+        "textAlign": "left",
+        "transform": "translate(8px, 0px)",
+        "whiteSpace": "nowrap",
+        "zIndex": 4000,
       }
     }
   >
-    <svg
-      height="100%"
+    <span
       style={
         Object {
-          "fill": "#59626a",
-          "height": "1rem",
-          "width": "1rem",
+          "backgroundColor": "transparent",
+          "borderBottomColor": "transparent",
+          "borderBottomWidth": 7,
+          "borderLeftColor": "transparent",
+          "borderLeftWidth": 0,
+          "borderRightColor": "#2E435E",
+          "borderRightWidth": 8,
+          "borderStyle": "solid",
+          "borderTopColor": "transparent",
+          "borderTopWidth": 7,
+          "height": 0,
+          "left": -8,
+          "position": "absolute",
+          "top": "50%",
+          "transform": "translate(0, -50%)",
+          "width": 0,
         }
       }
-      version="1.1"
-      viewBox="0 0 16 16"
-      width="100%"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlnsXlink="http://www.w3.org/1999/xlink"
-    >
-      <g
-        className="shuttleGray"
-      >
-        <path
-          d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
-          transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
-        />
-      </g>
-    </svg>
+    />
     <span
       style={
         Object {
-          "color": "#59626a",
+          "color": "#fff",
           "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
+          "fontSize": "0.8rem",
           "fontWeight": 400,
         }
       }
     >
-      Close
+      This is a simple tooltip style Popover!
     </span>
-  </button>
-</span>
+  </div>
+</div>
 `;
 
-exports[`Snapshots Button with icon only 1`] = `
-<span>
-  <button
-    disabled={undefined}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "backgroundColor": "unset",
-        "border": "none",
-        "borderRadius": "unset",
-        "color": "unset",
-        "cursor": "pointer",
-        "display": "unset",
-        "fontFamily": "unset",
-        "fontSize": "unset",
-        "fontWeight": "unset",
-        "lineHeight": "unset",
-        "margin": "unset",
-        "outline": "none",
-        "padding": 0,
-        "transition": "unset",
-      }
+exports[`Snapshots ArrowPopover larger popover: above 1`] = `
+<div
+  style={
+    Object {
+      "display": "inline-block",
+      "margin": "5rem",
+      "overflow": "visible",
+      "position": "relative",
     }
-  >
-    <svg
-      height="100%"
-      style={
-        Object {
-          "fill": "#59626a",
-          "height": "1rem",
-          "width": "1rem",
-        }
-      }
-      version="1.1"
-      viewBox="0 0 16 16"
-      width="100%"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlnsXlink="http://www.w3.org/1999/xlink"
-    >
-      <g
-        className="shuttleGray"
-      >
-        <path
-          d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
-          transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
-        />
-      </g>
-    </svg>
-  </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless Default 1`] = `
-<span>
-  <button
-    disabled={undefined}
-    onBlur={undefined}
-    onClick={undefined}
-    onFocus={undefined}
-    onMouseEnter={undefined}
-    onMouseLeave={undefined}
+  }
+>
+  <span
     style={
       Object {
-        "backgroundColor": "#168eea",
-        "border": "0.063rem solid transparent",
-        "borderRadius": "2rem",
-        "color": "#fff",
-        "cursor": "pointer",
-        "display": "inline-block",
+        "color": "#59626a",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.8rem",
+        "fontSize": "1rem",
         "fontWeight": 400,
-        "margin": "0",
-        "outline": "none",
-        "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
       }
     }
   >
-    Button text
-  </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless borderless 1`] = `
-<span>
-  <button
-    disabled={undefined}
-    onBlur={undefined}
-    onClick={undefined}
-    onFocus={undefined}
-    onMouseEnter={undefined}
-    onMouseLeave={undefined}
+    I have a Popover!
+  </span>
+  <div
+    id=""
     style={
       Object {
-        "backgroundColor": "transparent",
-        "border": 0,
-        "borderRadius": "2rem",
-        "color": "#168eea",
-        "cursor": "pointer",
+        "background": "#2E435E",
+        "borderRadius": "0.126rem",
+        "bottom": 0,
+        "boxShadow": "0 1px 2px 0 rgba(0,0,0,0.50)",
+        "color": "#fff",
         "display": "inline-block",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.8rem",
-        "fontWeight": 400,
-        "margin": "0",
-        "outline": "none",
-        "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "left": "100%",
+        "padding": ".25rem .75rem",
+        "position": "absolute",
+        "textAlign": "left",
+        "transform": "translate(8px, 0px)",
+        "whiteSpace": "nowrap",
+        "zIndex": 4000,
       }
     }
   >
-    Button text
-  </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless disabled 1`] = `
-<span>
-  <div>
-    <p>
-      Default
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
+    <span
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "borderBottomColor": "transparent",
+          "borderBottomWidth": 7,
+          "borderLeftColor": "transparent",
+          "borderLeftWidth": 0,
+          "borderRightColor": "#2E435E",
+          "borderRightWidth": 8,
+          "borderStyle": "solid",
+          "borderTopColor": "transparent",
+          "borderTopWidth": 7,
+          "bottom": "6px",
+          "height": 0,
+          "left": -8,
+          "position": "absolute",
+          "top": "none",
+          "transform": "none",
+          "width": 0,
+        }
+      }
+    />
+    <span
       style={
         Object {
-          "backgroundColor": "#168eea",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
           "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
           "fontFamily": "\\"Open Sans\\", sans-serif",
           "fontSize": "0.8rem",
           "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
         }
       }
     >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Borderless
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "border": 0,
-          "borderRadius": "2rem",
-          "color": "#168eea",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Large
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#168eea",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Secondary
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "border": "0.063rem solid transparent",
-          "borderColor": "#168eea",
-          "borderRadius": "2rem",
-          "color": "#168eea",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Small
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#168eea",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.25rem 2rem",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Tertiary
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "border": "0.063rem solid transparent",
-          "borderColor": "#ced7df",
-          "borderRadius": "2rem",
-          "color": "#323b43",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
+      <div
+        style={
+          Object {
+            "padding": " .5rem .25rem",
+          }
         }
+      >
+        Look at me!
+        <br />
+        I'm so far above the rest! ✈️
+        <br />
+        Later! ✌️
+      </div>
+    </span>
+  </div>
+</div>
+`;
+
+exports[`Snapshots ArrowPopover larger popover: below 1`] = `
+<div
+  style={
+    Object {
+      "display": "inline-block",
+      "margin": "5rem",
+      "overflow": "visible",
+      "position": "relative",
+    }
+  }
+>
+  <span
+    style={
+      Object {
+        "color": "#59626a",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "fontWeight": 400,
       }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Quaternary
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#fcfcfc",
-          "border": "0.063rem solid transparent",
-          "borderColor": "#ced7df",
-          "borderRadius": "2rem",
-          "color": "#323b43",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
-        }
+    }
+  >
+    I have a Popover!
+  </span>
+  <div
+    id=""
+    style={
+      Object {
+        "background": "#2E435E",
+        "borderRadius": "0.126rem",
+        "boxShadow": "none",
+        "color": "#fff",
+        "display": "inline-block",
+        "left": "100%",
+        "padding": ".25rem .75rem",
+        "position": "absolute",
+        "textAlign": "left",
+        "top": 0,
+        "transform": "translate(8px, 0px)",
+        "width": "300px",
+        "zIndex": 4000,
       }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Warning
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
+    }
+  >
+    <span
       style={
         Object {
           "backgroundColor": "transparent",
-          "border": "0.063rem solid transparent",
-          "borderColor": "#ff1e1e",
-          "borderRadius": "2rem",
-          "color": "#323b43",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
+          "borderBottomColor": "transparent",
+          "borderBottomWidth": 7,
+          "borderLeftColor": "transparent",
+          "borderLeftWidth": 0,
+          "borderRightColor": "#2E435E",
+          "borderRightWidth": 8,
+          "borderStyle": "solid",
+          "borderTopColor": "transparent",
+          "borderTopWidth": 7,
+          "height": 0,
+          "left": -8,
+          "position": "absolute",
+          "top": "6px",
+          "transform": "none",
+          "width": 0,
         }
       }
-    >
-      Button text
-    </button>
-    <p>
-      Click Events Should Not Fire
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={[Function]}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
+    />
+    <span
       style={
         Object {
-          "backgroundColor": "#168eea",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
           "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
           "fontFamily": "\\"Open Sans\\", sans-serif",
           "fontSize": "0.8rem",
           "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      No Events :(
-    </button>
-    <p>
-      No Style
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={[Function]}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "background": "none",
-          "backgroundColor": "unset",
-          "border": "none",
-          "borderRadius": "unset",
-          "color": "unset",
-          "cursor": "pointer",
-          "display": "unset",
-          "fontFamily": "unset",
-          "fontSize": "unset",
-          "fontWeight": "unset",
-          "lineHeight": "unset",
-          "margin": "unset",
-          "outline": "none",
-          "padding": 0,
-          "transition": "unset",
         }
       }
     >
-      <span
+      <div
         style={
           Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "0.8rem",
-            "fontWeight": 400,
+            "padding": ".5rem .25rem",
           }
         }
       >
-        Use this as an a11y friendly click target
-      </span>
-    </button>
+        Your posting schedule tells Buffer when to send out posts in your Queue (under the Content tab).
+        <br />
+        <br />
+        For example, the next 10 posts you add to your Queue will go out in the next 10 upcoming time/date slots you decide below. 
+        <br />
+        <br />
+        You can change this schedule at any time!
+      </div>
+    </span>
   </div>
-</span>
+</div>
 `;
 
-exports[`Snapshots ButtonStateless fillContainer 1`] = `
-<span>
-  <div
+exports[`Snapshots Button default 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "backgroundColor": "#168eea",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "2rem",
+      "color": "#fff",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Click Me
+</button>
+`;
+
+exports[`Snapshots Button warning button 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "backgroundColor": "transparent",
+      "border": "0.063rem solid transparent",
+      "borderColor": "#ff1e1e",
+      "borderRadius": "2rem",
+      "color": "#323b43",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Warning
+</button>
+`;
+
+exports[`Snapshots Button with icon and text 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "background": "none",
+      "backgroundColor": "unset",
+      "border": "none",
+      "borderRadius": "unset",
+      "color": "unset",
+      "cursor": "pointer",
+      "display": "unset",
+      "fontFamily": "unset",
+      "fontSize": "unset",
+      "fontWeight": "unset",
+      "lineHeight": "unset",
+      "margin": "unset",
+      "outline": "none",
+      "padding": 0,
+      "transition": "unset",
+    }
+  }
+>
+  <svg
+    height="100%"
     style={
       Object {
-        "boxSizing": "border-box",
+        "fill": "#59626a",
+        "height": "1rem",
+        "width": "1rem",
       }
     }
+    version="1.1"
+    viewBox="0 0 16 16"
+    width="100%"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
   >
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#168eea",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
-          "width": "100%",
-        }
-      }
+    <g
+      className="shuttleGray"
     >
-      Max WIDTH
-    </button>
-  </div>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless focused 1`] = `
-<span>
-  <button
-    disabled={undefined}
-    onBlur={undefined}
-    onClick={undefined}
-    onFocus={undefined}
-    onMouseEnter={undefined}
-    onMouseLeave={undefined}
+      <path
+        d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
+        transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
+      />
+    </g>
+  </svg>
+  <span
     style={
       Object {
-        "backgroundColor": "transparent",
-        "border": "0.063rem solid transparent",
-        "borderColor": "#168eea",
-        "borderRadius": "2rem",
-        "boxShadow": "0 0 0.25rem #168eea",
-        "color": "#168eea",
-        "cursor": "pointer",
-        "display": "inline-block",
+        "color": "#59626a",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.8rem",
+        "fontSize": "1rem",
         "fontWeight": 400,
-        "margin": "0",
-        "outline": "none",
-        "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
       }
     }
   >
-    Focused Button
-  </button>
-</span>
+    Close
+  </span>
+</button>
 `;
 
-exports[`Snapshots ButtonStateless hovered 1`] = `
-<span>
-  <div>
-    <p>
-      Default
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#137ac9",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "textDecoration": "none",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Borderless
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "border": 0,
-          "borderRadius": "2rem",
-          "color": "#137ac9",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "textDecoration": "none",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Large
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#137ac9",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "textDecoration": "none",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Secondary
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "border": "0.063rem solid transparent",
-          "borderColor": "#137ac9",
-          "borderRadius": "2rem",
-          "color": "#137ac9",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "textDecoration": "none",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Small
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#137ac9",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.25rem 2rem",
-          "textDecoration": "none",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Tertiary
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "border": "0.063rem solid transparent",
-          "borderColor": "#ced7df",
-          "borderRadius": "2rem",
-          "color": "#323b43",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "textDecoration": "none",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Quaternary
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#fcfcfc",
-          "border": "0.063rem solid transparent",
-          "borderColor": "#ced7df",
-          "borderRadius": "2rem",
-          "color": "#323b43",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "textDecoration": "none",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <br />
-    <br />
-    <p>
-      Warning
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#ff1e1e",
-          "border": "0.063rem solid transparent",
-          "borderColor": "#ff1e1e",
-          "borderRadius": "2rem",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "textDecoration": "none",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      Button text
-    </button>
-    <p>
-      Disabled
-    </p>
-    <button
-      disabled={true}
-      onBlur={undefined}
-      onClick={[Function]}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "backgroundColor": "#168eea",
-          "border": "0.063rem solid transparent",
-          "borderRadius": "2rem",
-          "color": "#fff",
-          "cursor": "pointer",
-          "display": "inline-block",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-          "margin": "0",
-          "opacity": 0.3,
-          "outline": "none",
-          "padding": "0.5rem 2rem",
-          "transition": "background-color 0.1s linear",
-        }
-      }
-    >
-      No Events :(
-    </button>
-    <p>
-      No Style
-    </p>
-    <button
-      disabled={undefined}
-      onBlur={undefined}
-      onClick={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "background": "none",
-          "backgroundColor": "unset",
-          "border": "none",
-          "borderRadius": "unset",
-          "color": "unset",
-          "cursor": "pointer",
-          "display": "unset",
-          "fontFamily": "unset",
-          "fontSize": "unset",
-          "fontWeight": "unset",
-          "lineHeight": "unset",
-          "margin": "unset",
-          "outline": "none",
-          "padding": 0,
-          "transition": "unset",
-        }
+exports[`Snapshots Button with icon only 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "background": "none",
+      "backgroundColor": "unset",
+      "border": "none",
+      "borderRadius": "unset",
+      "color": "unset",
+      "cursor": "pointer",
+      "display": "unset",
+      "fontFamily": "unset",
+      "fontSize": "unset",
+      "fontWeight": "unset",
+      "lineHeight": "unset",
+      "margin": "unset",
+      "outline": "none",
+      "padding": 0,
+      "transition": "unset",
+    }
+  }
+>
+  <svg
+    height="100%"
+    style={
+      Object {
+        "fill": "#59626a",
+        "height": "1rem",
+        "width": "1rem",
       }
+    }
+    version="1.1"
+    viewBox="0 0 16 16"
+    width="100%"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <g
+      className="shuttleGray"
     >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "0.8rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        Use this as an a11y friendly click target
-      </span>
-    </button>
-  </div>
-</span>
+      <path
+        d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
+        transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
+      />
+    </g>
+  </svg>
+</button>
 `;
 
-exports[`Snapshots ButtonStateless large 1`] = `
-<span>
+exports[`Snapshots ButtonStateless Default 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#168eea",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "2rem",
+      "color": "#fff",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Button text
+</button>
+`;
+
+exports[`Snapshots ButtonStateless borderless 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "transparent",
+      "border": 0,
+      "borderRadius": "2rem",
+      "color": "#168eea",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Button text
+</button>
+`;
+
+exports[`Snapshots ButtonStateless disabled 1`] = `
+<div>
+  <p>
+    Default
+  </p>
   <button
-    disabled={undefined}
+    aria-label={null}
+    disabled={true}
     onBlur={undefined}
     onClick={undefined}
     onFocus={undefined}
@@ -1042,71 +540,62 @@ exports[`Snapshots ButtonStateless large 1`] = `
         "cursor": "pointer",
         "display": "inline-block",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
+        "fontSize": "0.8rem",
         "fontWeight": 400,
         "margin": "0",
+        "opacity": 0.3,
         "outline": "none",
         "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
     Button text
   </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless noStyle 1`] = `
-<span>
+  <br />
+  <br />
+  <p>
+    Borderless
+  </p>
   <button
-    disabled={undefined}
+    aria-label={null}
+    disabled={true}
     onBlur={undefined}
-    onClick={[Function]}
+    onClick={undefined}
     onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "background": "none",
-        "backgroundColor": "unset",
-        "border": "none",
-        "borderRadius": "unset",
-        "color": "unset",
+        "backgroundColor": "transparent",
+        "border": 0,
+        "borderRadius": "2rem",
+        "color": "#168eea",
         "cursor": "pointer",
-        "display": "unset",
-        "fontFamily": "unset",
-        "fontSize": "unset",
-        "fontWeight": "unset",
-        "lineHeight": "unset",
-        "margin": "unset",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "opacity": 0.3,
         "outline": "none",
-        "padding": 0,
-        "transition": "unset",
+        "padding": "0.5rem 2rem",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    <span
-      style={
-        Object {
-          "color": "#59626a",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "0.8rem",
-          "fontWeight": 400,
-        }
-      }
-    >
-      Use this as an a11y friendly click target
-    </span>
+    Button text
   </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless onClick event 1`] = `
-<span>
+  <br />
+  <br />
+  <p>
+    Large
+  </p>
   <button
-    disabled={undefined}
+    aria-label={null}
+    disabled={true}
     onBlur={undefined}
-    onClick={[Function]}
+    onClick={undefined}
     onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
@@ -1119,61 +608,66 @@ exports[`Snapshots ButtonStateless onClick event 1`] = `
         "cursor": "pointer",
         "display": "inline-block",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.8rem",
+        "fontSize": "1rem",
         "fontWeight": 400,
         "margin": "0",
+        "opacity": 0.3,
         "outline": "none",
         "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    Click Me
+    Button text
   </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless onFocus + onBlur 1`] = `
-<span>
+  <br />
+  <br />
+  <p>
+    Secondary
+  </p>
   <button
-    disabled={undefined}
-    onBlur={[Function]}
+    aria-label={null}
+    disabled={true}
+    onBlur={undefined}
     onClick={undefined}
-    onFocus={[Function]}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#168eea",
+        "backgroundColor": "transparent",
         "border": "0.063rem solid transparent",
+        "borderColor": "#168eea",
         "borderRadius": "2rem",
-        "color": "#fff",
+        "color": "#168eea",
         "cursor": "pointer",
         "display": "inline-block",
         "fontFamily": "\\"Open Sans\\", sans-serif",
         "fontSize": "0.8rem",
         "fontWeight": 400,
         "margin": "0",
+        "opacity": 0.3,
         "outline": "none",
         "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    Focus Me!
+    Button text
   </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless onMouseEnter + onMouseLeave 1`] = `
-<span>
+  <br />
+  <br />
+  <p>
+    Small
+  </p>
   <button
-    disabled={undefined}
+    aria-label={null}
+    disabled={true}
     onBlur={undefined}
     onClick={undefined}
     onFocus={undefined}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
     style={
       Object {
         "backgroundColor": "#168eea",
@@ -1186,21 +680,58 @@ exports[`Snapshots ButtonStateless onMouseEnter + onMouseLeave 1`] = `
         "fontSize": "0.8rem",
         "fontWeight": 400,
         "margin": "0",
+        "opacity": 0.3,
+        "outline": "none",
+        "padding": "0.25rem 2rem",
+        "transition": "background-color 0.2s linear",
+      }
+    }
+  >
+    Button text
+  </button>
+  <br />
+  <br />
+  <p>
+    Tertiary
+  </p>
+  <button
+    aria-label={null}
+    disabled={true}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
+    style={
+      Object {
+        "backgroundColor": "transparent",
+        "border": "0.063rem solid transparent",
+        "borderColor": "#ced7df",
+        "borderRadius": "2rem",
+        "color": "#323b43",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "opacity": 0.3,
         "outline": "none",
         "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    Mouse Enter + Mouse Leave
+    Button text
   </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless quaternary 1`] = `
-<span>
+  <br />
+  <br />
+  <p>
+    Quaternary
+  </p>
   <button
-    disabled={undefined}
+    aria-label={null}
+    disabled={true}
     onBlur={undefined}
     onClick={undefined}
     onFocus={undefined}
@@ -1219,21 +750,23 @@ exports[`Snapshots ButtonStateless quaternary 1`] = `
         "fontSize": "0.8rem",
         "fontWeight": 400,
         "margin": "0",
+        "opacity": 0.3,
         "outline": "none",
         "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
     Button text
   </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless secondary 1`] = `
-<span>
+  <br />
+  <br />
+  <p>
+    Warning
+  </p>
   <button
-    disabled={undefined}
+    aria-label={null}
+    disabled={true}
     onBlur={undefined}
     onClick={undefined}
     onFocus={undefined}
@@ -1243,32 +776,32 @@ exports[`Snapshots ButtonStateless secondary 1`] = `
       Object {
         "backgroundColor": "transparent",
         "border": "0.063rem solid transparent",
-        "borderColor": "#168eea",
+        "borderColor": "#ff1e1e",
         "borderRadius": "2rem",
-        "color": "#168eea",
+        "color": "#323b43",
         "cursor": "pointer",
         "display": "inline-block",
         "fontFamily": "\\"Open Sans\\", sans-serif",
         "fontSize": "0.8rem",
         "fontWeight": 400,
         "margin": "0",
+        "opacity": 0.3,
         "outline": "none",
         "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
     Button text
   </button>
-</span>
-`;
-
-exports[`Snapshots ButtonStateless small 1`] = `
-<span>
+  <p>
+    Click Events Should Not Fire
+  </p>
   <button
-    disabled={undefined}
+    aria-label={null}
+    disabled={true}
     onBlur={undefined}
-    onClick={undefined}
+    onClick={[Function]}
     onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
@@ -1284,20 +817,72 @@ exports[`Snapshots ButtonStateless small 1`] = `
         "fontSize": "0.8rem",
         "fontWeight": 400,
         "margin": "0",
+        "opacity": 0.3,
         "outline": "none",
-        "padding": "0.25rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "padding": "0.5rem 2rem",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    Button text
+    No Events :(
   </button>
-</span>
+  <p>
+    No Style
+  </p>
+  <button
+    aria-label={null}
+    disabled={true}
+    onBlur={undefined}
+    onClick={[Function]}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
+    style={
+      Object {
+        "background": "none",
+        "backgroundColor": "unset",
+        "border": "none",
+        "borderRadius": "unset",
+        "color": "unset",
+        "cursor": "pointer",
+        "display": "unset",
+        "fontFamily": "unset",
+        "fontSize": "unset",
+        "fontWeight": "unset",
+        "lineHeight": "unset",
+        "margin": "unset",
+        "outline": "none",
+        "padding": 0,
+        "transition": "unset",
+      }
+    }
+  >
+    <span
+      style={
+        Object {
+          "color": "#59626a",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "0.8rem",
+          "fontWeight": 400,
+        }
+      }
+    >
+      Use this as an a11y friendly click target
+    </span>
+  </button>
+</div>
 `;
 
-exports[`Snapshots ButtonStateless tertiary 1`] = `
-<span>
+exports[`Snapshots ButtonStateless fillContainer 1`] = `
+<div
+  style={
+    Object {
+      "boxSizing": "border-box",
+    }
+  }
+>
   <button
+    aria-label={null}
     disabled={undefined}
     onBlur={undefined}
     onClick={undefined}
@@ -1306,11 +891,10 @@ exports[`Snapshots ButtonStateless tertiary 1`] = `
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "transparent",
+        "backgroundColor": "#168eea",
         "border": "0.063rem solid transparent",
-        "borderColor": "#ced7df",
         "borderRadius": "2rem",
-        "color": "#323b43",
+        "color": "#fff",
         "cursor": "pointer",
         "display": "inline-block",
         "fontFamily": "\\"Open Sans\\", sans-serif",
@@ -1319,18 +903,56 @@ exports[`Snapshots ButtonStateless tertiary 1`] = `
         "margin": "0",
         "outline": "none",
         "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "transition": "background-color 0.2s linear",
+        "width": "100%",
       }
     }
   >
-    Button text
+    Max WIDTH
   </button>
-</span>
+</div>
 `;
 
-exports[`Snapshots ButtonStateless warning 1`] = `
-<span>
+exports[`Snapshots ButtonStateless focused 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "transparent",
+      "border": "0.063rem solid transparent",
+      "borderColor": "#168eea",
+      "borderRadius": "2rem",
+      "boxShadow": "0 0 0.25rem #168eea",
+      "color": "#168eea",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Focused Button
+</button>
+`;
+
+exports[`Snapshots ButtonStateless hovered 1`] = `
+<div>
+  <p>
+    Default
+  </p>
   <button
+    aria-label={null}
     disabled={undefined}
     onBlur={undefined}
     onClick={undefined}
@@ -1339,11 +961,10 @@ exports[`Snapshots ButtonStateless warning 1`] = `
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "transparent",
+        "backgroundColor": "#137ac9",
         "border": "0.063rem solid transparent",
-        "borderColor": "#ff1e1e",
         "borderRadius": "2rem",
-        "color": "#323b43",
+        "color": "#fff",
         "cursor": "pointer",
         "display": "inline-block",
         "fontFamily": "\\"Open Sans\\", sans-serif",
@@ -1352,2769 +973,3888 @@ exports[`Snapshots ButtonStateless warning 1`] = `
         "margin": "0",
         "outline": "none",
         "padding": "0.5rem 2rem",
-        "transition": "background-color 0.1s linear",
+        "textDecoration": "none",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
     Button text
   </button>
-</span>
-`;
-
-exports[`Snapshots Card default 1`] = `
-<span>
-  <div
+  <br />
+  <br />
+  <p>
+    Borderless
+  </p>
+  <button
+    aria-label={null}
+    disabled={undefined}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
-        "borderRadius": "0.126rem",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "backgroundColor": "transparent",
+        "border": 0,
+        "borderRadius": "2rem",
+        "color": "#137ac9",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "outline": "none",
+        "padding": "0.5rem 2rem",
+        "textDecoration": "none",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Card doublePadding 1`] = `
-<span>
-  <div
+    Button text
+  </button>
+  <br />
+  <br />
+  <p>
+    Large
+  </p>
+  <button
+    aria-label={null}
+    disabled={undefined}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
-        "borderRadius": "0.126rem",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "3rem",
-        "transition": "box-shadow 0.1s linear",
+        "backgroundColor": "#137ac9",
+        "border": "0.063rem solid transparent",
+        "borderRadius": "2rem",
+        "color": "#fff",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "outline": "none",
+        "padding": "0.5rem 2rem",
+        "textDecoration": "none",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Card empty + hovered 1`] = `
-<span>
-  <div
+    Button text
+  </button>
+  <br />
+  <br />
+  <p>
+    Secondary
+  </p>
+  <button
+    aria-label={null}
+    disabled={undefined}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
-        "borderColor": "#ced7df",
-        "borderRadius": "0.126rem",
-        "borderStyle": "dashed",
-        "boxShadow": "0 1px 2px rgba(50, 59, 67, 0.3)",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "backgroundColor": "transparent",
+        "border": "0.063rem solid transparent",
+        "borderColor": "#137ac9",
+        "borderRadius": "2rem",
+        "color": "#137ac9",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "outline": "none",
+        "padding": "0.5rem 2rem",
+        "textDecoration": "none",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
+    Button text
+  </button>
+  <br />
+  <br />
+  <p>
+    Small
+  </p>
+  <button
+    aria-label={null}
+    disabled={undefined}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
+    style={
+      Object {
+        "backgroundColor": "#137ac9",
+        "border": "0.063rem solid transparent",
+        "borderRadius": "2rem",
+        "color": "#fff",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "outline": "none",
+        "padding": "0.25rem 2rem",
+        "textDecoration": "none",
+        "transition": "background-color 0.2s linear",
       }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Card empty 1`] = `
-<span>
-  <div
+    }
+  >
+    Button text
+  </button>
+  <br />
+  <br />
+  <p>
+    Tertiary
+  </p>
+  <button
+    aria-label={null}
+    disabled={undefined}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
+        "backgroundColor": "transparent",
+        "border": "0.063rem solid transparent",
         "borderColor": "#ced7df",
-        "borderRadius": "0.126rem",
-        "borderStyle": "dashed",
+        "borderRadius": "2rem",
         "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "outline": "none",
+        "padding": "0.5rem 2rem",
+        "textDecoration": "none",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    Nothing to see here! 👻
-  </div>
-</span>
-`;
-
-exports[`Snapshots Card faded 1`] = `
-<span>
-  <div
+    Button text
+  </button>
+  <br />
+  <br />
+  <p>
+    Quaternary
+  </p>
+  <button
+    aria-label={null}
+    disabled={undefined}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
-        "borderRadius": "0.126rem",
+        "backgroundColor": "#fcfcfc",
+        "border": "0.063rem solid transparent",
+        "borderColor": "#ced7df",
+        "borderRadius": "2rem",
         "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "opacity": 0.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "outline": "none",
+        "padding": "0.5rem 2rem",
+        "textDecoration": "none",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Card failed 1`] = `
-<span>
-  <div
+    Button text
+  </button>
+  <br />
+  <br />
+  <p>
+    Warning
+  </p>
+  <button
+    aria-label={null}
+    disabled={undefined}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
+        "backgroundColor": "#ff1e1e",
+        "border": "0.063rem solid transparent",
         "borderColor": "#ff1e1e",
-        "borderRadius": "0.126rem",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "borderRadius": "2rem",
+        "color": "#fff",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "outline": "none",
+        "padding": "0.5rem 2rem",
+        "textDecoration": "none",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Card hovered 1`] = `
-<span>
-  <div
+    Button text
+  </button>
+  <p>
+    Disabled
+  </p>
+  <button
+    aria-label={null}
+    disabled={true}
+    onBlur={undefined}
+    onClick={[Function]}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
-        "borderRadius": "0.126rem",
-        "boxShadow": "0 1px 2px rgba(50, 59, 67, 0.3)",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "backgroundColor": "#168eea",
+        "border": "0.063rem solid transparent",
+        "borderRadius": "2rem",
+        "color": "#fff",
+        "cursor": "pointer",
+        "display": "inline-block",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
+        "margin": "0",
+        "opacity": 0.3,
+        "outline": "none",
+        "padding": "0.5rem 2rem",
+        "transition": "background-color 0.2s linear",
       }
     }
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Card noBorder 1`] = `
-<span>
-  <div
+    No Events :(
+  </button>
+  <p>
+    No Style
+  </p>
+  <button
+    aria-label={null}
+    disabled={undefined}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": 0,
-        "borderRadius": "0.126rem",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "background": "none",
+        "backgroundColor": "unset",
+        "border": "none",
+        "borderRadius": "unset",
+        "color": "unset",
+        "cursor": "pointer",
+        "display": "unset",
+        "fontFamily": "unset",
+        "fontSize": "unset",
+        "fontWeight": "unset",
+        "lineHeight": "unset",
+        "margin": "unset",
+        "outline": "none",
+        "padding": 0,
+        "transition": "unset",
       }
     }
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
+    <span
       style={
         Object {
-          "color": "#168eea",
+          "color": "#59626a",
           "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "0.8rem",
+          "fontWeight": 400,
         }
       }
-      target="_self"
     >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
+      Use this as an a11y friendly click target
+    </span>
+  </button>
+</div>
 `;
 
-exports[`Snapshots Card noPadding 1`] = `
-<span>
-  <div
-    onMouseEnter={undefined}
-    onMouseLeave={undefined}
+exports[`Snapshots ButtonStateless large 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#168eea",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "2rem",
+      "color": "#fff",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Button text
+</button>
+`;
+
+exports[`Snapshots ButtonStateless noStyle 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={[Function]}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "background": "none",
+      "backgroundColor": "unset",
+      "border": "none",
+      "borderRadius": "unset",
+      "color": "unset",
+      "cursor": "pointer",
+      "display": "unset",
+      "fontFamily": "unset",
+      "fontSize": "unset",
+      "fontWeight": "unset",
+      "lineHeight": "unset",
+      "margin": "unset",
+      "outline": "none",
+      "padding": 0,
+      "transition": "unset",
+    }
+  }
+>
+  <span
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
-        "borderRadius": "0.126rem",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": 0,
-        "transition": "box-shadow 0.1s linear",
+        "color": "#59626a",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "0.8rem",
+        "fontWeight": 400,
       }
     }
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
+    Use this as an a11y friendly click target
+  </span>
+</button>
 `;
 
-exports[`Snapshots Card off-white background color 1`] = `
-<span>
-  <div
-    onMouseEnter={undefined}
-    onMouseLeave={undefined}
+exports[`Snapshots ButtonStateless onClick event 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={[Function]}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#168eea",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "2rem",
+      "color": "#fff",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Click Me
+</button>
+`;
+
+exports[`Snapshots ButtonStateless onFocus + onBlur 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={[Function]}
+  onClick={undefined}
+  onFocus={[Function]}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#168eea",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "2rem",
+      "color": "#fff",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Focus Me!
+</button>
+`;
+
+exports[`Snapshots ButtonStateless onMouseEnter + onMouseLeave 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "backgroundColor": "#168eea",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "2rem",
+      "color": "#fff",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Mouse Enter + Mouse Leave
+</button>
+`;
+
+exports[`Snapshots ButtonStateless quaternary 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fcfcfc",
+      "border": "0.063rem solid transparent",
+      "borderColor": "#ced7df",
+      "borderRadius": "2rem",
+      "color": "#323b43",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Button text
+</button>
+`;
+
+exports[`Snapshots ButtonStateless secondary 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "transparent",
+      "border": "0.063rem solid transparent",
+      "borderColor": "#168eea",
+      "borderRadius": "2rem",
+      "color": "#168eea",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Button text
+</button>
+`;
+
+exports[`Snapshots ButtonStateless small 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#168eea",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "2rem",
+      "color": "#fff",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.25rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Button text
+</button>
+`;
+
+exports[`Snapshots ButtonStateless tertiary 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "transparent",
+      "border": "0.063rem solid transparent",
+      "borderColor": "#ced7df",
+      "borderRadius": "2rem",
+      "color": "#323b43",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Button text
+</button>
+`;
+
+exports[`Snapshots ButtonStateless warning 1`] = `
+<button
+  aria-label={null}
+  disabled={undefined}
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "transparent",
+      "border": "0.063rem solid transparent",
+      "borderColor": "#ff1e1e",
+      "borderRadius": "2rem",
+      "color": "#323b43",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+      "margin": "0",
+      "outline": "none",
+      "padding": "0.5rem 2rem",
+      "transition": "background-color 0.2s linear",
+    }
+  }
+>
+  Button text
+</button>
+`;
+
+exports[`Snapshots Card default 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "backgroundColor": "#fcfcfc",
-        "border": "0.063rem solid #e6ebef",
-        "borderRadius": "0.126rem",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
+    target="_self"
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Card onMouseEnter + onMouseLeave 1`] = `
-<span>
-  <div
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
-        "borderRadius": "0.126rem",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1.5rem",
-        "transition": "box-shadow 0.1s linear",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
+    target="_self"
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Card reducedPadding 1`] = `
-<span>
-  <div
-    onMouseEnter={undefined}
-    onMouseLeave={undefined}
+exports[`Snapshots Card doublePadding 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "3rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "backgroundColor": "#fff",
-        "border": "0.063rem solid #e6ebef",
-        "borderRadius": "0.126rem",
-        "color": "#323b43",
-        "fontSize": "0.9rem",
-        "lineHeight": 1.5,
-        "padding": "1rem",
-        "transition": "box-shadow 0.1s linear",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
+    target="_self"
   >
-    What is a Product Designer? An awesome story by 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      @jgadapee
-    </a>
-     over on Medium! 
-    <a
-      href="#"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      http://buff.ly/1LTbUqv
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Icon addMediaIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        transform="translate(0.000000, 0.500000)"
-      >
-        <ellipse
-          cx="3.5"
-          cy="7.5"
-          rx="1"
-          ry="1"
-        />
-        <path
-          d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
-        />
-        <path
-          d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
-        />
-        <path
-          d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon analyticsIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card empty + hovered 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderColor": "#ced7df",
+      "borderRadius": "0.126rem",
+      "borderStyle": "dashed",
+      "boxShadow": "0 1px 2px rgba(50, 59, 67, 0.3)",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M2,1 L2,14 L15,14 C15.5522847,14 16,14.4477153 16,15 C16,15.5522847 15.5522847,16 15,16 L1,16 C0.44771525,16 0,15.5522847 0,15 L0,1 C0,0.44771525 0.44771525,0 1,0 C1.55228475,0 2,0.44771525 2,1 Z"
-      />
-      <path
-        d="M6,11 L6,3 C6,2.44771525 5.55228475,2 5,2 C4.44771525,2 4,2.44771525 4,3 L4,11 C4,11.5522847 4.44771525,12 5,12 C5.55228475,12 6,11.5522847 6,11 Z"
-      />
-      <path
-        d="M10,11 L10,5 C10,4.44771525 9.55228475,4 9,4 C8.44771525,4 8,4.44771525 8,5 L8,11 C8,11.5522847 8.44771525,12 9,12 C9.55228475,12 10,11.5522847 10,11 Z"
-      />
-      <path
-        d="M14,11 L14,3 C14,2.44771525 13.5522847,2 13,2 C12.4477153,2 12,2.44771525 12,3 L12,11 C12,11.5522847 12.4477153,12 13,12 C13.5522847,12 14,11.5522847 14,11 Z"
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon arrowDownIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
-        transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon arrowLeftIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Card empty 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderColor": "#ced7df",
+      "borderRadius": "0.126rem",
+      "borderStyle": "dashed",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M4.92576783,3.81434559 C4.53597948,3.42533817 4.5351389,2.79705307 4.92999649,2.40496826 L4.92999649,2.40496826 C5.32212026,2.01559807 5.95539281,2.01782576 6.34493101,2.41042843 L11.2950684,7.3995081 C11.6843914,7.79189385 11.6846066,8.4258744 11.2950684,8.81602474 L6.34493101,13.7739411 C5.95560803,14.1638759 5.32485408,14.1648267 4.92999649,13.7699585 L4.92999649,13.7699585 C4.53787272,13.3778242 4.53276646,12.7496688 4.93637278,12.3492951 L8.860413,8.45668374 C9.05900809,8.25967927 9.06487811,7.94516326 8.860413,7.74110779 L4.92576783,3.81434559 Z"
-        transform="translate(8.109997, 8.089966) scale(-1, 1) translate(-8.109997, -8.089966) "
-      />
-    </g>
-  </svg>
-</span>
+  }
+>
+  Nothing to see here! 👻
+</div>
 `;
 
-exports[`Snapshots Icon arrowLongDownIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card faded 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "opacity": 0.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M9.14049638,4.2860102 L12.0353395,6.89310549 C12.4537988,7.26996987 13.0967448,7.23809282 13.4772842,6.81536904 C13.855189,6.39557201 13.8172589,5.74519856 13.4038537,5.37288597 L8.83967284,1.26238536 C8.63426816,1.07739793 8.37477499,0.990893877 8.11877778,1.0007568 C7.86278056,0.990893877 7.60328739,1.07739793 7.3978827,1.26238536 L2.83370181,5.37288597 C2.42029668,5.74519856 2.38236657,6.39557201 2.76027134,6.81536904 C3.14081078,7.23809282 3.78375672,7.26996987 4.20221602,6.89310549 L7.09528397,4.28760894 L7.09528397,13.9628717 C7.09528397,14.5341657 7.55312036,14.9879169 8.11789018,14.9879169 C8.68659746,14.9879169 9.14049638,14.5289885 9.14049638,13.9628717 L9.14049638,4.2860102 Z"
-        transform="translate(8.118778, 7.993958) scale(1, -1) translate(-8.118778, -7.993958) "
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon arrowLongLeftIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M9.14049638,4.2860102 L12.0353395,6.89310549 C12.4537988,7.26996987 13.0967448,7.23809282 13.4772842,6.81536904 C13.855189,6.39557201 13.8172589,5.74519856 13.4038537,5.37288597 L8.83967284,1.26238536 C8.63426816,1.07739793 8.37477499,0.990893877 8.11877778,1.0007568 C7.86278056,0.990893877 7.60328739,1.07739793 7.3978827,1.26238536 L2.83370181,5.37288597 C2.42029668,5.74519856 2.38236657,6.39557201 2.76027134,6.81536904 C3.14081078,7.23809282 3.78375672,7.26996987 4.20221602,6.89310549 L7.09528397,4.28760894 L7.09528397,13.9628717 C7.09528397,14.5341657 7.55312036,14.9879169 8.11789018,14.9879169 C8.68659746,14.9879169 9.14049638,14.5289885 9.14049638,13.9628717 L9.14049638,4.2860102 Z"
-        transform="translate(8.118778, 7.993958) scale(-1, -1) rotate(90.000000) translate(-8.118778, -7.993958) "
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon arrowLongRightIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card failed 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderColor": "#ff1e1e",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M9.14049638,4.2860102 L12.0353395,6.89310549 C12.4537988,7.26996987 13.0967448,7.23809282 13.4772842,6.81536904 C13.855189,6.39557201 13.8172589,5.74519856 13.4038537,5.37288597 L8.83967284,1.26238536 C8.63426816,1.07739793 8.37477499,0.990893877 8.11877778,1.0007568 C7.86278056,0.990893877 7.60328739,1.07739793 7.3978827,1.26238536 L2.83370181,5.37288597 C2.42029668,5.74519856 2.38236657,6.39557201 2.76027134,6.81536904 C3.14081078,7.23809282 3.78375672,7.26996987 4.20221602,6.89310549 L7.09528397,4.28760894 L7.09528397,13.9628717 C7.09528397,14.5341657 7.55312036,14.9879169 8.11789018,14.9879169 C8.68659746,14.9879169 9.14049638,14.5289885 9.14049638,13.9628717 L9.14049638,4.2860102 Z"
-        transform="translate(8.118778, 7.993958) scale(1, -1) rotate(90.000000) translate(-8.118778, -7.993958) "
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon arrowLongUpIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M9.14049638,4.2860102 L12.0353395,6.89310549 C12.4537988,7.26996987 13.0967448,7.23809282 13.4772842,6.81536904 C13.855189,6.39557201 13.8172589,5.74519856 13.4038537,5.37288597 L8.83967284,1.26238536 C8.63426816,1.07739793 8.37477499,0.990893877 8.11877778,1.0007568 C7.86278056,0.990893877 7.60328739,1.07739793 7.3978827,1.26238536 L2.83370181,5.37288597 C2.42029668,5.74519856 2.38236657,6.39557201 2.76027134,6.81536904 C3.14081078,7.23809282 3.78375672,7.26996987 4.20221602,6.89310549 L7.09528397,4.28760894 L7.09528397,13.9628717 C7.09528397,14.5341657 7.55312036,14.9879169 8.11789018,14.9879169 C8.68659746,14.9879169 9.14049638,14.5289885 9.14049638,13.9628717 L9.14049638,4.2860102 Z"
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon arrowRightIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card hovered 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "boxShadow": "0 1px 2px rgba(50, 59, 67, 0.3)",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M4.70577424,3.81434559 C4.31598589,3.42533817 4.31514531,2.79705307 4.7100029,2.40496826 L4.7100029,2.40496826 C5.10212667,2.01559807 5.73539922,2.01782576 6.12493742,2.41042843 L11.0750748,7.3995081 C11.4643978,7.79189385 11.464613,8.4258744 11.0750748,8.81602474 L6.12493742,13.7739411 C5.73561443,14.1638759 5.10486049,14.1648267 4.7100029,13.7699585 L4.7100029,13.7699585 C4.31787913,13.3778242 4.31277287,12.7496688 4.71637919,12.3492951 L8.64041941,8.45668374 C8.8390145,8.25967927 8.84488452,7.94516326 8.64041941,7.74110779 L4.70577424,3.81434559 Z"
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon arrowSolidDownIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <polygon
-        points="0 0 16 0 8 8"
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon arrowSolidLeftIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card noBorder 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <polygon
-        points="16 0 16 16 8 8"
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon arrowSolidRightIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <polygon
-        points="0 0 0 16 8 8"
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon arrowSolidUpIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card noPadding 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": 0,
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <polygon
-        points="0 16 16 16 8 8"
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon arrowUpIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
-        transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon awesomeIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card off-white background color 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fcfcfc",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M8.00003076,12.8453201 L4.8023779,14.5264257 C3.82877852,15.0382772 3.19173216,14.5657514 3.37619612,13.490244 L3.98689347,9.92960521 L1.39993797,7.40794682 C0.612279521,6.64016959 0.864820138,5.88828399 1.94469094,5.73136958 L5.51977551,5.21187939 L7.11860194,1.97230321 C7.60540163,0.985939291 8.39852667,0.993774264 8.88145957,1.97230321 L10.480286,5.21187939 L14.0553706,5.73136958 C15.1438878,5.88954039 15.3815254,6.64626827 14.6001235,7.40794682 L12.013168,9.92960521 L12.6238654,13.490244 C12.8098063,14.5743628 12.1635494,15.0342114 11.1976836,14.5264257 L8.00003076,12.8453201 Z"
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon bufferBottomIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M14.8975838,11.6596673 L13.3049713,10.9257049 C13.1684163,10.8627595 12.9449081,10.8627595 12.8082985,10.9257049 L8.24833642,13.0271856 C8.11178147,13.090131 7.88821853,13.090131 7.75166358,13.0271856 L3.19170155,10.9257049 C3.0550919,10.8627595 2.83158366,10.8627595 2.6950287,10.9257049 L1.10241622,11.6596673 C0.965861261,11.7226127 0.965861261,11.8255895 1.10241622,11.8885349 L7.75166358,14.9528456 C7.88821853,15.015791 8.11178147,15.015791 8.24833642,14.9528456 L14.8975838,11.8885349 C15.0341387,11.8255895 15.0341387,11.7226127 14.8975838,11.6596673"
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon bufferIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card onMouseEnter + onMouseLeave 1`] = `
+<div
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M14.8975838,11.6596673 C15.0341387,11.7226127 15.0341387,11.8255895 14.8975838,11.8885349 L8.24833642,14.9528456 C8.11178147,15.015791 7.88821853,15.015791 7.75166358,14.9528456 L1.10241622,11.8885349 C0.965861261,11.8255895 0.965861261,11.7226127 1.10241622,11.6596673 L2.6950287,10.9257049 C2.83158366,10.8627595 3.0550919,10.8627595 3.19170155,10.9257049 L7.75166358,13.0271856 C7.88821853,13.090131 8.11178147,13.090131 8.24833642,13.0271856 L12.8082985,10.9257049 C12.9449081,10.8627595 13.1684163,10.8627595 13.3049713,10.9257049 L14.8975838,11.6596673 Z M14.8975838,7.88556618 C15.0341387,7.94851162 15.0341387,8.05154307 14.8975838,8.1144885 L8.24833642,11.1787445 C8.11178147,11.2416899 7.88821853,11.2416899 7.75166358,11.1787445 L1.10241622,8.1144885 C0.965861261,8.05154307 0.965861261,7.94851162 1.10241622,7.88556618 L2.6950287,7.1516585 C2.83158366,7.08871306 3.0550919,7.08871306 3.19170155,7.1516585 L7.75166358,9.25308448 C7.88821853,9.31602991 8.11178147,9.31602991 8.24833642,9.25308448 L12.8082985,7.1516585 C12.9449081,7.08871306 13.1684163,7.08871306 13.3049713,7.1516585 L14.8975838,7.88556618 Z M1.10241622,4.34038738 C0.965861261,4.27744195 0.965861261,4.17446518 1.10241622,4.11151975 L7.75166358,1.04720908 C7.88821853,0.984263641 8.11178147,0.984263641 8.24833642,1.04720908 L14.8975838,4.11151975 C15.0341387,4.17446518 15.0341387,4.27744195 14.8975838,4.34038738 L8.24833642,7.40469806 C8.11178147,7.46764349 7.88821853,7.46764349 7.75166358,7.40469806 L1.10241622,4.34038738 Z"
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon bufferMiddleIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M14.8975838,7.88556618 L13.3049713,7.1516585 C13.1684163,7.08871306 12.9449081,7.08871306 12.8082985,7.1516585 L8.24833642,9.25308448 C8.11178147,9.31602991 7.88821853,9.31602991 7.75166358,9.25308448 L3.19170155,7.1516585 C3.0550919,7.08871306 2.83158366,7.08871306 2.6950287,7.1516585 L1.10241622,7.88556618 C0.965861261,7.94851162 0.965861261,8.05154307 1.10241622,8.1144885 L7.75166358,11.1787445 C7.88821853,11.2416899 8.11178147,11.2416899 8.24833642,11.1787445 L14.8975838,8.1144885 C15.0341387,8.05154307 15.0341387,7.94851162 14.8975838,7.88556618"
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon bufferTopIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card reducedPadding 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M1.10241622,4.34038738 L7.75166358,7.40469806 C7.88821853,7.46764349 8.11178147,7.46764349 8.24833642,7.40469806 L14.8975838,4.34038738 C15.0341387,4.27744195 15.0341387,4.17446518 14.8975838,4.11151975 L8.24833642,1.04720908 C8.11178147,0.984263641 7.88821853,0.984263641 7.75166358,1.04720908 L1.10241622,4.11151975 C0.965861261,4.17446518 0.965861261,4.27744195 1.10241622,4.34038738"
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon calendarIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M0,2.99188419 C0,1.89179693 0.894705057,1 2,1 L2,2.49755925 C2,3.05119199 2.44386482,3.5 3,3.5 C3.55228475,3.5 4,3.0530501 4,2.49755925 L4,1 L12,1 L12,2.49755925 C12,3.05119199 12.4438648,3.5 13,3.5 C13.5522847,3.5 14.0018163,3.0471957 14.0035508,2.49689974 C14.0035508,2.49689974 14.0106489,1.17132023 14,1 C14.258891,0.86101765 14.0132088,0.993687199 14.0132088,0.993687199 C15.1104833,0.997173663 16,1.89339733 16,2.99188419 L16,14.0081158 C16,15.1082031 15.1054862,16 14.0059397,16 L1.99406028,16 C0.892771196,16 0,15.1066027 0,14.0081158 L0,2.99188419 Z M2,5.25964642 L2,13.4903342 C2,13.7775269 2.22401312,14 2.50034732,14 L13.4996527,14 C13.7709994,14 14,13.7718148 14,13.4903342 L14,5.25964642 C14,5.11379325 13.887786,5 13.7493629,5 L2.25063705,5 C2.10374069,5 2,5.11624766 2,5.25964642 Z M2.5,0.495388985 C2.5,0.221793203 2.73193359,0 3,0 C3.27614237,0 3.5,0.215752602 3.5,0.495388985 L3.5,2.50461102 C3.5,2.7782068 3.26806641,3 3,3 C2.72385763,3 2.5,2.7842474 2.5,2.50461102 L2.5,0.495388985 Z M12.5,0.495388985 C12.5,0.221793203 12.7319336,0 13,0 C13.2761424,0 13.5,0.215752602 13.5,0.495388985 L13.5,2.50461102 C13.5,2.7782068 13.2680664,3 13,3 C12.7238576,3 12.5,2.7842474 12.5,2.50461102 L12.5,0.495388985 Z M3.5,6.12149811 C3.5,6.05439656 3.55747223,6 3.62722683,6 L12.3727732,6 C12.4430386,6 12.5,6.05615234 12.5,6.12359619 L12.5,10.8764038 C12.5,10.9446641 12.4434547,11 12.3669128,11 L8.5,11 L8.5,13 L3.62359619,13 C3.5553359,13 3.5,12.9394846 3.5,12.8785019 L3.5,6.12149811 Z M4.5,7 L4.5,8 L5.5,8 L5.5,7 L4.5,7 Z M6.5,7 L6.5,8 L7.5,8 L7.5,7 L6.5,7 Z M8.5,7 L8.5,8 L9.5,8 L9.5,7 L8.5,7 Z M10.5,7 L10.5,8 L11.5,8 L11.5,7 L10.5,7 Z M4.5,9 L4.5,10 L5.5,10 L5.5,9 L4.5,9 Z M6.5,9 L6.5,10 L7.5,10 L7.5,9 L6.5,9 Z M8.5,9 L8.5,10 L9.5,10 L9.5,9 L8.5,9 Z M10.5,9 L10.5,10 L11.5,10 L11.5,9 L10.5,9 Z M4.5,11 L4.5,12 L5.5,12 L5.5,11 L4.5,11 Z M6.5,11 L6.5,12 L7.5,12 L7.5,11 L6.5,11 Z"
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon checkmarkIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Card shadowHeight=1 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "boxShadow": "0 1px 2px rgba(50, 59, 67, 0.3)",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M5,12 C5,11.4477153 5.44335318,11 6.0093689,11 L9,11 L9,2.99754465 C9,2.44661595 9.44386482,2 10,2 L10,2 C10.5522847,2 11,2.44483697 11,2.9955775 L11,12.0044225 C11,12.5542648 10.5490248,13 10.009222,13 L5.99077797,13 C5.44358641,13 5,12.5561352 5,12 L5,12 Z"
-        transform="translate(8.000000, 7.500000) rotate(-315.000000) translate(-8.000000, -7.500000) "
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon circleAppdotnetIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <circle
-        cx="8"
-        cy="8"
-        r="7.976"
-      />
-      <path
-        d="M3,11.5 L4.02262767,11.5 L5.1601792,9.72205939 L10.8399831,9.72205939 L11.9768854,11.5 L13,11.5 L7.99983768,4 L3,11.5 L3,11.5 Z M5.8138493,8.91390457 L7.99983768,5.63505883 L10.1858261,8.91390457 L5.8138493,8.91390457 L5.8138493,8.91390457 L5.8138493,8.91390457 Z"
-        fill="#ffffff"
-      />
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon circleCheckmarkIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Card shadowHeight=2 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid #e6ebef",
+      "borderRadius": "0.126rem",
+      "boxShadow": "0 1px 4px rgba(50, 59, 67, 0.8)",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": "1.5rem",
+      "transition": "box-shadow 0.2s linear",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M8,15.976 C3.59497684,15.976 0.024,12.4050232 0.024,8 C0.024,3.59497684 3.59497684,0.024 8,0.024 C12.4050232,0.024 15.976,3.59497684 15.976,8 C15.976,12.4050232 12.4050232,15.976 8,15.976 Z M4.84201948,7.87755339 C4.44877253,8.27080035 4.45446122,8.90420869 4.84864429,9.29839176 L6.24960824,10.6993557 C6.64984179,11.0995893 7.28084969,11.0955774 7.67251796,10.7039092 L11.2039092,7.17251796 C11.6034584,6.7729687 11.5965048,6.14675734 11.2059805,5.75623305 C10.8127336,5.36298609 10.1823522,5.36564781 9.79190308,5.75609692 L6.96333983,8.58466017 L6.25623305,7.87755339 C5.86298609,7.48430644 5.23254378,7.4870291 4.84201948,7.87755339 Z"
-      />
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon circleFacebookIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+  }
+>
+  What is a Product Designer? An awesome story by 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        fillRule="evenodd"
-      >
-        <path
-          d="M0,8 C0,3.581722 3.59071231,0 8,0 L8,0 C12.418278,0 16,3.59071231 16,8 L16,8 C16,12.418278 12.4092877,16 8,16 L8,16 C3.581722,16 0,12.4092877 0,8 L0,8 Z M7.18233349,12 L7.18233349,8.3508456 L6,8.3508456 L6,6.92867987 L7.18233349,6.92867987 L7.18233349,5.87988561 C7.18233349,4.66274759 7.89803602,4 8.94344305,4 C9.44416966,4 9.8745294,4.03873177 10,4.0560322 L10,5.32800198 L9.27491523,5.32835505 C8.70640526,5.32835505 8.59633378,5.60893973 8.59633378,6.0206899 L8.59633378,6.92867987 L9.95220491,6.92867987 L9.77564184,8.3508456 L8.59633378,8.3508456 L8.59633378,12 L7.18233349,12 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
-`;
-
-exports[`Snapshots Icon circleGooglePlusIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+    @jgadapee
+  </a>
+   over on Medium! 
+  <a
+    href="#"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+    target="_self"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        fillRule="evenodd"
-      >
-        <path
-          d="M0,8 C0,3.581722 3.59071231,0 8,0 C12.418278,0 16,3.59071231 16,8 C16,12.418278 12.4092877,16 8,16 C3.581722,16 0,12.4092877 0,8 Z M6.56122449,7.57142857 L6.56122449,8.6 L8.29737609,8.6 C8.22740525,9.04142857 7.77259475,9.89428571 6.56122449,9.89428571 C5.51603499,9.89428571 4.66326531,9.04571429 4.66326531,8 C4.66326531,6.95428571 5.51603499,6.10571429 6.56122449,6.10571429 C7.15597668,6.10571429 7.55393586,6.35428571 7.78134111,6.56857143 L8.6122449,5.78428571 C8.0787172,5.29571429 7.3877551,5 6.56122449,5 C4.86880466,5 3.5,6.34142857 3.5,8 C3.5,9.65857143 4.86880466,11 6.56122449,11 C8.32798834,11 9.5,9.78285714 9.5,8.06857143 C9.5,7.87142857 9.47813411,7.72142857 9.45189504,7.57142857 L6.56122449,7.57142857 Z M12.5,7.66666667 L11.8333333,7.66666667 L11.8333333,7 L11.1666667,7 L11.1666667,7.66666667 L10.5,7.66666667 L10.5,8.33333333 L11.1666667,8.33333333 L11.1666667,9 L11.8333333,9 L11.8333333,8.33333333 L12.5,8.33333333 L12.5,7.66666667 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+    http://buff.ly/1LTbUqv
+  </a>
+</div>
 `;
 
-exports[`Snapshots Icon circleInstagramIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Divider black divider 1`] = `
+<hr
+  style={
+    Object {
+      "background": "#000",
+      "border": "none",
+      "boxSizing": "border-box",
+      "height": "0.063rem",
+      "marginBottom": "0.5rem",
+      "marginTop": "0.5rem",
+      "width": "100%",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <circle
-        cx="8"
-        cy="8"
-        r="8"
-      />
-      <g
-        transform="translate(3.000000, 3.000000)"
-      >
-        <path
-          d="M4.99843254,0.0031547619 C3.64093254,0.0031547619 3.47071429,0.00890873016 2.93757937,0.033234127 C2.40555556,0.0575 2.04220238,0.142003968 1.72426587,0.265575397 C1.3955754,0.393293651 1.1168254,0.564206349 0.838928571,0.842083333 C0.561051587,1.11998016 0.390138889,1.39873016 0.262420635,1.72742063 C0.138849206,2.04535714 0.0543452381,2.40871032 0.0300793651,2.94073413 C0.00575396825,3.47386905 0,3.6440873 0,5.0015873 C0,6.35906746 0.00575396825,6.52928571 0.0300793651,7.06242063 C0.0543452381,7.59444444 0.138849206,7.95779762 0.262420635,8.27573413 C0.390138889,8.6044246 0.561051587,8.8831746 0.838928571,9.16107143 C1.1168254,9.43894841 1.3955754,9.60986111 1.72426587,9.73759921 C2.04220238,9.86115079 2.40555556,9.94565476 2.93757937,9.96992063 C3.47071429,9.99424603 3.64093254,10 4.99843254,10 C6.3559127,10 6.52613095,9.99424603 7.05926587,9.96992063 C7.59128968,9.94565476 7.95464286,9.86115079 8.27257937,9.73759921 C8.60126984,9.60986111 8.88001984,9.43894841 9.15791667,9.16107143 C9.43579365,8.8831746 9.60670635,8.6044246 9.73444444,8.27573413 C9.85799603,7.95779762 9.9425,7.59444444 9.96676587,7.06242063 C9.99109127,6.52928571 9.99684524,6.35906746 9.99684524,5.0015873 C9.99684524,3.6440873 9.99109127,3.47386905 9.96676587,2.94073413 C9.9425,2.40871032 9.85799603,2.04535714 9.73444444,1.72742063 C9.60670635,1.39873016 9.43579365,1.11998016 9.15791667,0.842083333 C8.88001984,0.564206349 8.60126984,0.393293651 8.27257937,0.265575397 C7.95464286,0.142003968 7.59128968,0.0575 7.05926587,0.033234127 C6.52613095,0.00890873016 6.3559127,0.0031547619 4.99843254,0.0031547619 L4.99843254,0.0031547619 Z M4.99843254,0.903769841 C6.33305556,0.903769841 6.49115079,0.908869048 7.01821429,0.932916667 C7.50555556,0.955138889 7.77021825,1.03656746 7.94634921,1.10501984 C8.1796627,1.19569444 8.34617063,1.30400794 8.52107143,1.47892857 C8.69599206,1.65382937 8.80430556,1.8203373 8.89498016,2.05365079 C8.96343254,2.22978175 9.04486111,2.49444444 9.06708333,2.98178571 C9.09113095,3.50884921 9.09623016,3.66694444 9.09623016,5.0015873 C9.09623016,6.33621032 9.09113095,6.49430556 9.06708333,7.02136905 C9.04486111,7.50871032 8.96343254,7.77337302 8.89498016,7.94950397 C8.80430556,8.18281746 8.69599206,8.3493254 8.52107143,8.52422619 C8.34617063,8.69914683 8.1796627,8.80746032 7.94634921,8.89813492 C7.77021825,8.9665873 7.50555556,9.04801587 7.01821429,9.0702381 C6.49123016,9.09428571 6.33315476,9.09938492 4.99843254,9.09938492 C3.66369048,9.09938492 3.50563492,9.09428571 2.97863095,9.0702381 C2.49128968,9.04801587 2.22662698,8.9665873 2.05049603,8.89813492 C1.81718254,8.80746032 1.6506746,8.69914683 1.47577381,8.52422619 C1.30087302,8.3493254 1.19253968,8.18281746 1.10186508,7.94950397 C1.0334127,7.77337302 0.951984127,7.50871032 0.929761905,7.02136905 C0.905714286,6.49430556 0.900615079,6.33621032 0.900615079,5.0015873 C0.900615079,3.66694444 0.905714286,3.50884921 0.929761905,2.98178571 C0.951984127,2.49444444 1.0334127,2.22978175 1.10186508,2.05365079 C1.19253968,1.8203373 1.30085317,1.65382937 1.47577381,1.47892857 C1.6506746,1.30400794 1.81718254,1.19569444 2.05049603,1.10501984 C2.22662698,1.03656746 2.49128968,0.955138889 2.97863095,0.932916667 C3.50569444,0.908869048 3.66378968,0.903769841 4.99843254,0.903769841 L4.99843254,0.903769841 Z"
-          fill="#FFFFFF"
-          mask="url(#mask-2)"
-        />
-        <path
-          d="M4.99843254,6.66771825 C4.07823413,6.66771825 3.33228175,5.92176587 3.33228175,5.0015873 C3.33228175,4.08138889 4.07823413,3.33543651 4.99843254,3.33543651 C5.91861111,3.33543651 6.66456349,4.08138889 6.66456349,5.0015873 C6.66456349,5.92176587 5.91861111,6.66771825 4.99843254,6.66771825 L4.99843254,6.66771825 Z M4.99843254,2.43482143 C3.58083333,2.43482143 2.43166667,3.5839881 2.43166667,5.0015873 C2.43166667,6.41916667 3.58083333,7.56833333 4.99843254,7.56833333 C6.4160119,7.56833333 7.56517857,6.41916667 7.56517857,5.0015873 C7.56517857,3.5839881 6.4160119,2.43482143 4.99843254,2.43482143 L4.99843254,2.43482143 Z"
-          fill="#FFFFFF"
-        />
-        <path
-          d="M8.26640873,2.3334127 C8.26640873,2.66468254 7.99785714,2.93321429 7.6665873,2.93321429 C7.3353373,2.93321429 7.06678571,2.66468254 7.06678571,2.3334127 C7.06678571,2.00214286 7.3353373,1.73359127 7.6665873,1.73359127 C7.99785714,1.73359127 8.26640873,2.00214286 8.26640873,2.3334127"
-          fill="#FFFFFF"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+  }
+/>
 `;
 
-exports[`Snapshots Icon circleLinkedInIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Divider bottom margin: 5rem 1`] = `
+<div>
+  <hr
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "background": "#e6ebef",
+        "border": "none",
+        "boxSizing": "border-box",
+        "height": "0.063rem",
+        "marginBottom": "5rem",
+        "marginTop": "0.5rem",
+        "width": "100%",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        fillRule="evenodd"
-      >
-        <path
-          d="M0,8 C0,3.581722 3.59071231,0 8,0 C12.418278,0 16,3.59071231 16,8 C16,12.418278 12.4092877,16 8,16 C3.581722,16 0,12.4092877 0,8 Z M4.96185043,4 C4.42938642,4 4,4.43141524 4,4.962986 C4,5.49486781 4.42938642,5.92628305 4.96185043,5.92628305 C5.49214111,5.92628305 5.92245896,5.49486781 5.92245896,4.962986 C5.92245896,4.43141524 5.49214111,4 4.96185043,4 Z M4.13164125,6.6562986 L4.13164125,12 L5.79112819,12 L5.79112819,6.6562986 L4.13164125,6.6562986 Z M6.83090775,6.6562986 L6.83090775,12 L8.486669,12 L8.486669,9.35707621 C8.486669,8.65972006 8.61831024,7.9844479 9.48111926,7.9844479 C10.3318198,7.9844479 10.3423759,8.78164852 10.3423759,9.40124417 L10.3423759,12 L12,12 L12,9.06936236 C12,7.63017107 11.6898358,6.52379471 10.0110995,6.52379471 C9.20479683,6.52379471 8.66395001,6.96671851 8.44289207,7.38693624 L8.41991695,7.38693624 L8.41991695,6.6562986 L6.83090775,6.6562986 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+  />
+  <div>
+    Next Thing
+  </div>
+</div>
 `;
 
-exports[`Snapshots Icon circleMinusIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Divider default 1`] = `
+<hr
+  style={
+    Object {
+      "background": "#e6ebef",
+      "border": "none",
+      "boxSizing": "border-box",
+      "height": "0.063rem",
+      "marginBottom": "0.5rem",
+      "marginTop": "0.5rem",
+      "width": "100%",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+/>
+`;
+
+exports[`Snapshots Divider top margin: 5rem 1`] = `
+<hr
+  style={
+    Object {
+      "background": "#e6ebef",
+      "border": "none",
+      "boxSizing": "border-box",
+      "height": "0.063rem",
+      "marginBottom": "0.5rem",
+      "marginTop": "5rem",
+      "width": "100%",
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Icon addMediaIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      transform="translate(0.000000, 0.500000)"
     >
+      <ellipse
+        cx="3.5"
+        cy="7.5"
+        rx="1"
+        ry="1"
+      />
+      <path
+        d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
+      />
+      <path
+        d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
+      />
       <path
-        d="M8,16 C12.418278,16 16,12.418278 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 Z M4,8 C4,7.44771525 4.45303631,7 4.99703014,7 L11.0029699,7 C11.5536144,7 12,7.44386482 12,8 L12,8 C12,8.55228475 11.5469637,9 11.0029699,9 L4.99703014,9 C4.4463856,9 4,8.55613518 4,8 L4,8 Z"
+        d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon circlePinterestIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon analyticsIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        fillRule="evenodd"
-      >
-        <path
-          d="M8,16 C12.418278,16 16,12.418278 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 Z M8.03835433,3 C5.3349892,3 3.8999939,4.75634512 3.8999939,6.67031096 C3.8999939,7.55913615 4.38866975,8.66649982 5.17113092,9.018866 C5.29025266,9.07257569 5.35317372,9.04903783 5.38018694,8.93817389 C5.40113866,8.85371827 5.50721499,8.44241177 5.55438931,8.2504092 C5.57000427,8.18910871 5.56229562,8.13648342 5.51057518,8.0758846 C5.25302712,7.77314566 5.04555236,7.21353152 5.04555236,6.69263684 C5.04555236,5.35550796 6.09149132,4.06162751 7.87311244,4.06162751 C9.4126687,4.06162751 10.4892446,5.0761793 10.4892446,6.52812699 C10.4892446,8.16882405 9.63483602,9.30495621 8.52090279,9.30495621 C7.90585774,9.30495621 7.44544694,8.81353169 7.5930314,8.20869169 C7.77026452,7.48833121 8.11208067,6.7096045 8.11208067,6.19049589 C8.11208067,5.72401257 7.85380787,5.33573361 7.3193413,5.33573361 C6.69105318,5.33573361 6.18577407,5.96538723 6.18577407,6.80898657 C6.18577407,7.34595589 6.37354894,7.70878334 6.37354894,7.70878334 C6.37354894,7.70878334 5.75310124,10.2504254 5.63971158,10.7234789 C5.44620463,11.5262537 5.66494588,12.8270233 5.68425046,12.9406302 C5.69406746,13.0016117 5.7640383,13.0222153 5.80356985,12.9709296 C5.86458022,12.8921511 6.61284659,11.80571 6.82447216,11.0200941 C6.89958211,10.7366192 7.21366028,9.57854393 7.21366028,9.57854393 C7.41896081,9.95572373 8.01456951,10.2746649 8.64931445,10.2746649 C10.5381978,10.2746649 11.8999939,8.59205896 11.8999939,6.50286685 C11.8999939,4.49908719 10.2114696,3 8.03835433,3"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+    <path
+      d="M2,1 L2,14 L15,14 C15.5522847,14 16,14.4477153 16,15 C16,15.5522847 15.5522847,16 15,16 L1,16 C0.44771525,16 0,15.5522847 0,15 L0,1 C0,0.44771525 0.44771525,0 1,0 C1.55228475,0 2,0.44771525 2,1 Z"
+    />
+    <path
+      d="M6,11 L6,3 C6,2.44771525 5.55228475,2 5,2 C4.44771525,2 4,2.44771525 4,3 L4,11 C4,11.5522847 4.44771525,12 5,12 C5.55228475,12 6,11.5522847 6,11 Z"
+    />
+    <path
+      d="M10,11 L10,5 C10,4.44771525 9.55228475,4 9,4 C8.44771525,4 8,4.44771525 8,5 L8,11 C8,11.5522847 8.44771525,12 9,12 C9.55228475,12 10,11.5522847 10,11 Z"
+    />
+    <path
+      d="M14,11 L14,3 C14,2.44771525 13.5522847,2 13,2 C12.4477153,2 12,2.44771525 12,3 L12,11 C12,11.5522847 12.4477153,12 13,12 C13.5522847,12 14,11.5522847 14,11 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon circlePlayIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowDownIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        fillRule="evenodd"
-      >
-        <path
-          d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M6.38755779,11.166206 L11.5095603,8.46752615 C12.0065375,8.20567891 11.999745,7.79044606 11.5095603,7.53208404 L6.38755779,4.83242594 C5.89058062,4.57048377 5.5,4.81032621 5.5,5.36013253 L5.5,10.6383299 C5.5,11.1791199 5.89737316,11.4244744 6.38755779,11.166206 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+    <path
+      d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+      transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon circlePlusIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowLeftIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        fillRule="evenodd"
-      >
-        <path
-          d="M8,16 C12.418278,16 16,12.418278 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 Z M9,7 L9,4.99703014 C9,4.45303631 8.55228475,4 8,4 C7.44386482,4 7,4.4463856 7,4.99703014 L7,7 L4.99703014,7 C4.45303631,7 4,7.44771525 4,8 C4,8.55613518 4.4463856,9 4.99703014,9 L7,9 L7,11.0029699 C7,11.5469637 7.44771525,12 8,12 C8.55613518,12 9,11.5536144 9,11.0029699 L9,9 L11.0029699,9 C11.5469637,9 12,8.55228475 12,8 C12,7.44386482 11.5536144,7 11.0029699,7 L9,7 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+    <path
+      d="M4.92576783,3.81434559 C4.53597948,3.42533817 4.5351389,2.79705307 4.92999649,2.40496826 L4.92999649,2.40496826 C5.32212026,2.01559807 5.95539281,2.01782576 6.34493101,2.41042843 L11.2950684,7.3995081 C11.6843914,7.79189385 11.6846066,8.4258744 11.2950684,8.81602474 L6.34493101,13.7739411 C5.95560803,14.1638759 5.32485408,14.1648267 4.92999649,13.7699585 L4.92999649,13.7699585 C4.53787272,13.3778242 4.53276646,12.7496688 4.93637278,12.3492951 L8.860413,8.45668374 C9.05900809,8.25967927 9.06487811,7.94516326 8.860413,7.74110779 L4.92576783,3.81434559 Z"
+      transform="translate(8.109997, 8.089966) scale(-1, 1) translate(-8.109997, -8.089966) "
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon circleTwitterIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowLongDownIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        fillRule="evenodd"
-      >
-        <path
-          d="M0,8 C0,3.581722 3.59071231,0 8,0 L8,0 C12.418278,0 16,3.59071231 16,8 L16,8 C16,12.418278 12.4092877,16 8,16 L8,16 C3.581722,16 0,12.4092877 0,8 L0,8 Z M12,5.32763533 C11.7037037,5.46723647 11.3888889,5.56695157 11.0555556,5.60683761 C11.3981481,5.38746439 11.6574074,5.03846154 11.7777778,4.62962963 C11.462963,4.82905983 11.1111111,4.97863248 10.7407407,5.05840456 C10.4351852,4.71937322 10.0092593,4.5 9.53703704,4.5 C8.62962963,4.5 7.89814815,5.28774929 7.89814815,6.26495726 C7.89814815,6.4045584 7.90740741,6.54415954 7.93518519,6.67378917 C6.57407407,6.59401709 5.37037037,5.92592593 4.55555556,4.85897436 C4.41666667,5.11823362 4.33333333,5.38746439 4.33333333,5.71652422 C4.33333333,6.32478632 4.62037037,6.86324786 5.06481481,7.18233618 C4.7962963,7.17236467 4.5462963,7.09259259 4.32407407,6.96296296 L4.32407407,6.98290598 C4.32407407,7.84045584 4.88888889,8.55840456 5.63888889,8.71794872 C5.5,8.75783476 5.35185185,8.77777778 5.2037037,8.77777778 C5.10185185,8.77777778 5,8.76780627 4.89814815,8.74786325 C5.10185185,9.44586895 5.71296296,9.96438746 6.42592593,9.97435897 C5.87037037,10.4529915 5.15740741,10.8119658 4.38888889,10.8119658 C4.25925926,10.8119658 4.12962963,10.8019943 4,10.7820513 C4.72222222,11.2806268 5.59259259,11.5 6.51851852,11.5 C9.53703704,11.5 11.1851852,8.80769231 11.1851852,6.47435897 L11.1851852,6.24501425 C11.5,5.9957265 11.7777778,5.68660969 12,5.32763533 L12,5.32763533 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+    <path
+      d="M9.14049638,4.2860102 L12.0353395,6.89310549 C12.4537988,7.26996987 13.0967448,7.23809282 13.4772842,6.81536904 C13.855189,6.39557201 13.8172589,5.74519856 13.4038537,5.37288597 L8.83967284,1.26238536 C8.63426816,1.07739793 8.37477499,0.990893877 8.11877778,1.0007568 C7.86278056,0.990893877 7.60328739,1.07739793 7.3978827,1.26238536 L2.83370181,5.37288597 C2.42029668,5.74519856 2.38236657,6.39557201 2.76027134,6.81536904 C3.14081078,7.23809282 3.78375672,7.26996987 4.20221602,6.89310549 L7.09528397,4.28760894 L7.09528397,13.9628717 C7.09528397,14.5341657 7.55312036,14.9879169 8.11789018,14.9879169 C8.68659746,14.9879169 9.14049638,14.5289885 9.14049638,13.9628717 L9.14049638,4.2860102 Z"
+      transform="translate(8.118778, 7.993958) scale(1, -1) translate(-8.118778, -7.993958) "
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon circleXIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowLongLeftIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        fillRule="evenodd"
-      >
-        <g
-          transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000) "
-        >
-          <path
-            d="M8,16 C12.418278,16 16,12.418278 16,8 C16,3.581722 12.418278,1.77635684e-15 8,1.77635684e-15 C3.581722,1.77635684e-15 -8.8817842e-16,3.581722 -8.8817842e-16,8 C-8.8817842e-16,12.418278 3.581722,16 8,16 Z M9,7 L9,4.99703014 C9,4.45303631 8.55228475,4 8,4 C7.44386482,4 7,4.4463856 7,4.99703014 L7,7 L4.99703014,7 C4.45303631,7 4,7.44771525 4,8 C4,8.55613518 4.4463856,9 4.99703014,9 L7,9 L7,11.0029699 C7,11.5469637 7.44771525,12 8,12 C8.55613518,12 9,11.5536144 9,11.0029699 L9,9 L11.0029699,9 C11.5469637,9 12,8.55228475 12,8 C12,7.44386482 11.5536144,7 11.0029699,7 L9,7 Z"
-          />
-        </g>
-      </g>
-    </g>
-  </svg>
-</span>
+    <path
+      d="M9.14049638,4.2860102 L12.0353395,6.89310549 C12.4537988,7.26996987 13.0967448,7.23809282 13.4772842,6.81536904 C13.855189,6.39557201 13.8172589,5.74519856 13.4038537,5.37288597 L8.83967284,1.26238536 C8.63426816,1.07739793 8.37477499,0.990893877 8.11877778,1.0007568 C7.86278056,0.990893877 7.60328739,1.07739793 7.3978827,1.26238536 L2.83370181,5.37288597 C2.42029668,5.74519856 2.38236657,6.39557201 2.76027134,6.81536904 C3.14081078,7.23809282 3.78375672,7.26996987 4.20221602,6.89310549 L7.09528397,4.28760894 L7.09528397,13.9628717 C7.09528397,14.5341657 7.55312036,14.9879169 8.11789018,14.9879169 C8.68659746,14.9879169 9.14049638,14.5289885 9.14049638,13.9628717 L9.14049638,4.2860102 Z"
+      transform="translate(8.118778, 7.993958) scale(-1, -1) rotate(90.000000) translate(-8.118778, -7.993958) "
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon clickIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowLongRightIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M5.21779631,11.9494755 C2.27366981,11.5661698 0,9.04860692 0,6 C0,2.6862915 2.6862915,0 6,0 C9.23196141,0 11.8670799,2.5553881 11.9951265,5.75593513 L9.77085735,4.66233163 C9.22052002,3.11100668 7.74000477,2 6,2 C3.790861,2 2,3.790861 2,6 C2,7.80949838 3.20152328,9.33836596 4.85026989,9.83230278 L5.21779631,11.9494755 Z M6.17748666,5.97617662 C6.07946348,5.43704916 6.40439725,5.20219862 6.88743329,5.44371665 L15.1125667,9.55628335 C15.6026826,9.80134129 15.5703705,10.1022927 15.0248191,10.2321859 L10.9892238,11.193042 C10.8571041,11.224499 10.6925623,11.3492105 10.6246923,11.4664406 L8.50439239,15.1287768 C8.22582416,15.6099401 7.91912055,15.555163 7.82251334,15.0238234 L6.17748666,5.97617662 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M9.14049638,4.2860102 L12.0353395,6.89310549 C12.4537988,7.26996987 13.0967448,7.23809282 13.4772842,6.81536904 C13.855189,6.39557201 13.8172589,5.74519856 13.4038537,5.37288597 L8.83967284,1.26238536 C8.63426816,1.07739793 8.37477499,0.990893877 8.11877778,1.0007568 C7.86278056,0.990893877 7.60328739,1.07739793 7.3978827,1.26238536 L2.83370181,5.37288597 C2.42029668,5.74519856 2.38236657,6.39557201 2.76027134,6.81536904 C3.14081078,7.23809282 3.78375672,7.26996987 4.20221602,6.89310549 L7.09528397,4.28760894 L7.09528397,13.9628717 C7.09528397,14.5341657 7.55312036,14.9879169 8.11789018,14.9879169 C8.68659746,14.9879169 9.14049638,14.5289885 9.14049638,13.9628717 L9.14049638,4.2860102 Z"
+      transform="translate(8.118778, 7.993958) scale(1, -1) rotate(90.000000) translate(-8.118778, -7.993958) "
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon clockIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowLongUpIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z"
-      />
-      <rect
-        height="6"
-        rx="1"
-        width="2"
-        x="7"
-        y="3"
-      />
-      <rect
-        height="6"
-        rx="1"
-        transform="translate(9.418427, 9.578427) rotate(-225.000000) translate(-9.418427, -9.578427) "
-        width="2"
-        x="8.41842728"
-        y="6.57842712"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M9.14049638,4.2860102 L12.0353395,6.89310549 C12.4537988,7.26996987 13.0967448,7.23809282 13.4772842,6.81536904 C13.855189,6.39557201 13.8172589,5.74519856 13.4038537,5.37288597 L8.83967284,1.26238536 C8.63426816,1.07739793 8.37477499,0.990893877 8.11877778,1.0007568 C7.86278056,0.990893877 7.60328739,1.07739793 7.3978827,1.26238536 L2.83370181,5.37288597 C2.42029668,5.74519856 2.38236657,6.39557201 2.76027134,6.81536904 C3.14081078,7.23809282 3.78375672,7.26996987 4.20221602,6.89310549 L7.09528397,4.28760894 L7.09528397,13.9628717 C7.09528397,14.5341657 7.55312036,14.9879169 8.11789018,14.9879169 C8.68659746,14.9879169 9.14049638,14.5289885 9.14049638,13.9628717 L9.14049638,4.2860102 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon closeIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowRightIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
-        transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M4.70577424,3.81434559 C4.31598589,3.42533817 4.31514531,2.79705307 4.7100029,2.40496826 L4.7100029,2.40496826 C5.10212667,2.01559807 5.73539922,2.01782576 6.12493742,2.41042843 L11.0750748,7.3995081 C11.4643978,7.79189385 11.464613,8.4258744 11.0750748,8.81602474 L6.12493742,13.7739411 C5.73561443,14.1638759 5.10486049,14.1648267 4.7100029,13.7699585 L4.7100029,13.7699585 C4.31787913,13.3778242 4.31277287,12.7496688 4.71637919,12.3492951 L8.64041941,8.45668374 C8.8390145,8.25967927 8.84488452,7.94516326 8.64041941,7.74110779 L4.70577424,3.81434559 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon closeSmallIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowSolidDownIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <rect
-        height="12"
-        rx="0.5"
-        transform="translate(5.046194, 5.000000) rotate(45.000000) translate(-5.046194, -5.000000)"
-        width="1"
-        x="4.54619413"
-        y="-1"
-      />
-      <rect
-        height="12"
-        rx="0.5"
-        transform="translate(5.046194, 5.000000) scale(-1, 1) rotate(45.000000) translate(-5.046194, -5.000000)"
-        width="1"
-        x="4.54619413"
-        y="-1"
-      />
-    </g>
-  </svg>
-</span>
+    <polygon
+      points="0 0 16 0 8 8"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon commentIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowSolidLeftIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M0,2.0085302 C0,0.899249601 0.894513756,0 1.99406028,0 L14.0059397,0 C15.1072288,0 16,0.901950359 16,2.0085302 L16,9.9914698 C16,11.1007504 15.1132936,12 14.0018986,12 L8,12 L4,16 L4,12 L2,12 C0.8954305,12 0,11.0980496 0,9.9914698 L0,2.0085302 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <polygon
+      points="16 0 16 16 8 8"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon contentIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowSolidRightIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M0,3.00247329 C0,2.44882258 0.444630861,2 1.00087166,2 L14.9991283,2 C15.5518945,2 16,2.45576096 16,3.00247329 L16,12.9975267 C16,13.5511774 15.5553691,14 14.9991283,14 L1.00087166,14 C0.448105505,14 0,13.544239 0,12.9975267 L0,3.00247329 Z M2,4.50043583 L2,11.4995642 C2,11.7692032 2.22401312,12 2.50034732,12 L13.4996527,12 C13.7709994,12 14,11.7759472 14,11.4995642 L14,4.50043583 C14,4.23079681 13.7759869,4 13.4996527,4 L2.50034732,4 C2.22900057,4 2,4.22405275 2,4.50043583 Z M3,5.74523926 C3,5.60979736 3.11230469,5.5 3.24719238,5.5 L12.7528076,5.5 C12.8893282,5.5 13,5.60752869 13,5.74523926 L13,7.25476074 C13,7.39020264 12.8876953,7.5 12.7528076,7.5 L3.24719238,7.5 C3.1106718,7.5 3,7.39247131 3,7.25476074 L3,5.74523926 Z M3,8.74523926 C3,8.60979736 3.10742188,8.5 3.24884939,8.5 L5.25115061,8.5 C5.38858633,8.5 5.5,8.60752869 5.5,8.74523926 L5.5,10.2547607 C5.5,10.3902026 5.39257812,10.5 5.25115061,10.5 L3.24884939,10.5 C3.11141367,10.5 3,10.3924713 3,10.2547607 L3,8.74523926 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <polygon
+      points="0 0 0 16 8 8"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon contentLibraryIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon arrowSolidUpIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <polygon
+      points="0 16 16 16 8 8"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon arrowUpIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+      transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon awesomeIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M8.00003076,12.8453201 L4.8023779,14.5264257 C3.82877852,15.0382772 3.19173216,14.5657514 3.37619612,13.490244 L3.98689347,9.92960521 L1.39993797,7.40794682 C0.612279521,6.64016959 0.864820138,5.88828399 1.94469094,5.73136958 L5.51977551,5.21187939 L7.11860194,1.97230321 C7.60540163,0.985939291 8.39852667,0.993774264 8.88145957,1.97230321 L10.480286,5.21187939 L14.0553706,5.73136958 C15.1438878,5.88954039 15.3815254,6.64626827 14.6001235,7.40794682 L12.013168,9.92960521 L12.6238654,13.490244 C12.8098063,14.5743628 12.1635494,15.0342114 11.1976836,14.5264257 L8.00003076,12.8453201 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon bufferBottomIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M14.8975838,11.6596673 L13.3049713,10.9257049 C13.1684163,10.8627595 12.9449081,10.8627595 12.8082985,10.9257049 L8.24833642,13.0271856 C8.11178147,13.090131 7.88821853,13.090131 7.75166358,13.0271856 L3.19170155,10.9257049 C3.0550919,10.8627595 2.83158366,10.8627595 2.6950287,10.9257049 L1.10241622,11.6596673 C0.965861261,11.7226127 0.965861261,11.8255895 1.10241622,11.8885349 L7.75166358,14.9528456 C7.88821853,15.015791 8.11178147,15.015791 8.24833642,14.9528456 L14.8975838,11.8885349 C15.0341387,11.8255895 15.0341387,11.7226127 14.8975838,11.6596673"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon bufferIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M14.8975838,11.6596673 C15.0341387,11.7226127 15.0341387,11.8255895 14.8975838,11.8885349 L8.24833642,14.9528456 C8.11178147,15.015791 7.88821853,15.015791 7.75166358,14.9528456 L1.10241622,11.8885349 C0.965861261,11.8255895 0.965861261,11.7226127 1.10241622,11.6596673 L2.6950287,10.9257049 C2.83158366,10.8627595 3.0550919,10.8627595 3.19170155,10.9257049 L7.75166358,13.0271856 C7.88821853,13.090131 8.11178147,13.090131 8.24833642,13.0271856 L12.8082985,10.9257049 C12.9449081,10.8627595 13.1684163,10.8627595 13.3049713,10.9257049 L14.8975838,11.6596673 Z M14.8975838,7.88556618 C15.0341387,7.94851162 15.0341387,8.05154307 14.8975838,8.1144885 L8.24833642,11.1787445 C8.11178147,11.2416899 7.88821853,11.2416899 7.75166358,11.1787445 L1.10241622,8.1144885 C0.965861261,8.05154307 0.965861261,7.94851162 1.10241622,7.88556618 L2.6950287,7.1516585 C2.83158366,7.08871306 3.0550919,7.08871306 3.19170155,7.1516585 L7.75166358,9.25308448 C7.88821853,9.31602991 8.11178147,9.31602991 8.24833642,9.25308448 L12.8082985,7.1516585 C12.9449081,7.08871306 13.1684163,7.08871306 13.3049713,7.1516585 L14.8975838,7.88556618 Z M1.10241622,4.34038738 C0.965861261,4.27744195 0.965861261,4.17446518 1.10241622,4.11151975 L7.75166358,1.04720908 C7.88821853,0.984263641 8.11178147,0.984263641 8.24833642,1.04720908 L14.8975838,4.11151975 C15.0341387,4.17446518 15.0341387,4.27744195 14.8975838,4.34038738 L8.24833642,7.40469806 C8.11178147,7.46764349 7.88821853,7.46764349 7.75166358,7.40469806 L1.10241622,4.34038738 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon bufferMiddleIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M14.8975838,7.88556618 L13.3049713,7.1516585 C13.1684163,7.08871306 12.9449081,7.08871306 12.8082985,7.1516585 L8.24833642,9.25308448 C8.11178147,9.31602991 7.88821853,9.31602991 7.75166358,9.25308448 L3.19170155,7.1516585 C3.0550919,7.08871306 2.83158366,7.08871306 2.6950287,7.1516585 L1.10241622,7.88556618 C0.965861261,7.94851162 0.965861261,8.05154307 1.10241622,8.1144885 L7.75166358,11.1787445 C7.88821853,11.2416899 8.11178147,11.2416899 8.24833642,11.1787445 L14.8975838,8.1144885 C15.0341387,8.05154307 15.0341387,7.94851162 14.8975838,7.88556618"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon bufferTopIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M1.10241622,4.34038738 L7.75166358,7.40469806 C7.88821853,7.46764349 8.11178147,7.46764349 8.24833642,7.40469806 L14.8975838,4.34038738 C15.0341387,4.27744195 15.0341387,4.17446518 14.8975838,4.11151975 L8.24833642,1.04720908 C8.11178147,0.984263641 7.88821853,0.984263641 7.75166358,1.04720908 L1.10241622,4.11151975 C0.965861261,4.17446518 0.965861261,4.27744195 1.10241622,4.34038738"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon calendarIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M0,2.99188419 C0,1.89179693 0.894705057,1 2,1 L2,2.49755925 C2,3.05119199 2.44386482,3.5 3,3.5 C3.55228475,3.5 4,3.0530501 4,2.49755925 L4,1 L12,1 L12,2.49755925 C12,3.05119199 12.4438648,3.5 13,3.5 C13.5522847,3.5 14.0018163,3.0471957 14.0035508,2.49689974 C14.0035508,2.49689974 14.0106489,1.17132023 14,1 C14.258891,0.86101765 14.0132088,0.993687199 14.0132088,0.993687199 C15.1104833,0.997173663 16,1.89339733 16,2.99188419 L16,14.0081158 C16,15.1082031 15.1054862,16 14.0059397,16 L1.99406028,16 C0.892771196,16 0,15.1066027 0,14.0081158 L0,2.99188419 Z M2,5.25964642 L2,13.4903342 C2,13.7775269 2.22401312,14 2.50034732,14 L13.4996527,14 C13.7709994,14 14,13.7718148 14,13.4903342 L14,5.25964642 C14,5.11379325 13.887786,5 13.7493629,5 L2.25063705,5 C2.10374069,5 2,5.11624766 2,5.25964642 Z M2.5,0.495388985 C2.5,0.221793203 2.73193359,0 3,0 C3.27614237,0 3.5,0.215752602 3.5,0.495388985 L3.5,2.50461102 C3.5,2.7782068 3.26806641,3 3,3 C2.72385763,3 2.5,2.7842474 2.5,2.50461102 L2.5,0.495388985 Z M12.5,0.495388985 C12.5,0.221793203 12.7319336,0 13,0 C13.2761424,0 13.5,0.215752602 13.5,0.495388985 L13.5,2.50461102 C13.5,2.7782068 13.2680664,3 13,3 C12.7238576,3 12.5,2.7842474 12.5,2.50461102 L12.5,0.495388985 Z M3.5,6.12149811 C3.5,6.05439656 3.55747223,6 3.62722683,6 L12.3727732,6 C12.4430386,6 12.5,6.05615234 12.5,6.12359619 L12.5,10.8764038 C12.5,10.9446641 12.4434547,11 12.3669128,11 L8.5,11 L8.5,13 L3.62359619,13 C3.5553359,13 3.5,12.9394846 3.5,12.8785019 L3.5,6.12149811 Z M4.5,7 L4.5,8 L5.5,8 L5.5,7 L4.5,7 Z M6.5,7 L6.5,8 L7.5,8 L7.5,7 L6.5,7 Z M8.5,7 L8.5,8 L9.5,8 L9.5,7 L8.5,7 Z M10.5,7 L10.5,8 L11.5,8 L11.5,7 L10.5,7 Z M4.5,9 L4.5,10 L5.5,10 L5.5,9 L4.5,9 Z M6.5,9 L6.5,10 L7.5,10 L7.5,9 L6.5,9 Z M8.5,9 L8.5,10 L9.5,10 L9.5,9 L8.5,9 Z M10.5,9 L10.5,10 L11.5,10 L11.5,9 L10.5,9 Z M4.5,11 L4.5,12 L5.5,12 L5.5,11 L4.5,11 Z M6.5,11 L6.5,12 L7.5,12 L7.5,11 L6.5,11 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon checkmarkIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M5,12 C5,11.4477153 5.44335318,11 6.0093689,11 L9,11 L9,2.99754465 C9,2.44661595 9.44386482,2 10,2 L10,2 C10.5522847,2 11,2.44483697 11,2.9955775 L11,12.0044225 C11,12.5542648 10.5490248,13 10.009222,13 L5.99077797,13 C5.44358641,13 5,12.5561352 5,12 L5,12 Z"
+      transform="translate(8.000000, 7.500000) rotate(-315.000000) translate(-8.000000, -7.500000) "
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon circleAppdotnetIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <circle
+      cx="8"
+      cy="8"
+      r="7.976"
+    />
+    <path
+      d="M3,11.5 L4.02262767,11.5 L5.1601792,9.72205939 L10.8399831,9.72205939 L11.9768854,11.5 L13,11.5 L7.99983768,4 L3,11.5 L3,11.5 Z M5.8138493,8.91390457 L7.99983768,5.63505883 L10.1858261,8.91390457 L5.8138493,8.91390457 L5.8138493,8.91390457 L5.8138493,8.91390457 Z"
+      fill="#ffffff"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon circleCheckmarkIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M8,15.976 C3.59497684,15.976 0.024,12.4050232 0.024,8 C0.024,3.59497684 3.59497684,0.024 8,0.024 C12.4050232,0.024 15.976,3.59497684 15.976,8 C15.976,12.4050232 12.4050232,15.976 8,15.976 Z M4.84201948,7.87755339 C4.44877253,8.27080035 4.45446122,8.90420869 4.84864429,9.29839176 L6.24960824,10.6993557 C6.64984179,11.0995893 7.28084969,11.0955774 7.67251796,10.7039092 L11.2039092,7.17251796 C11.6034584,6.7729687 11.5965048,6.14675734 11.2059805,5.75623305 C10.8127336,5.36298609 10.1823522,5.36564781 9.79190308,5.75609692 L6.96333983,8.58466017 L6.25623305,7.87755339 C5.86298609,7.48430644 5.23254378,7.4870291 4.84201948,7.87755339 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon circleFacebookIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      fillRule="evenodd"
     >
       <path
-        d="M1.6,3.2 L1.6,14.4 L12.8,14.4 L12.8,16 L0,16 L0,3.2 L1.6,3.2 Z M3.2,0 L16,0 L16,12.8 L3.2,12.8 L3.2,0 Z"
+        d="M0,8 C0,3.581722 3.59071231,0 8,0 L8,0 C12.418278,0 16,3.59071231 16,8 L16,8 C16,12.418278 12.4092877,16 8,16 L8,16 C3.581722,16 0,12.4092877 0,8 L0,8 Z M7.18233349,12 L7.18233349,8.3508456 L6,8.3508456 L6,6.92867987 L7.18233349,6.92867987 L7.18233349,5.87988561 C7.18233349,4.66274759 7.89803602,4 8.94344305,4 C9.44416966,4 9.8745294,4.03873177 10,4.0560322 L10,5.32800198 L9.27491523,5.32835505 C8.70640526,5.32835505 8.59633378,5.60893973 8.59633378,6.0206899 L8.59633378,6.92867987 L9.95220491,6.92867987 L9.77564184,8.3508456 L8.59633378,8.3508456 L8.59633378,12 L7.18233349,12 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon curiousBlue 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#168eea",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circleGooglePlusIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="curiousBlue"
+      fillRule="evenodd"
     >
-      <g
-        transform="translate(0.000000, 0.500000)"
-      >
-        <ellipse
-          cx="3.5"
-          cy="7.5"
-          rx="1"
-          ry="1"
-        />
-        <path
-          d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
-        />
-        <path
-          d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
-        />
-        <path
-          d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
-        />
-      </g>
+      <path
+        d="M0,8 C0,3.581722 3.59071231,0 8,0 C12.418278,0 16,3.59071231 16,8 C16,12.418278 12.4092877,16 8,16 C3.581722,16 0,12.4092877 0,8 Z M6.56122449,7.57142857 L6.56122449,8.6 L8.29737609,8.6 C8.22740525,9.04142857 7.77259475,9.89428571 6.56122449,9.89428571 C5.51603499,9.89428571 4.66326531,9.04571429 4.66326531,8 C4.66326531,6.95428571 5.51603499,6.10571429 6.56122449,6.10571429 C7.15597668,6.10571429 7.55393586,6.35428571 7.78134111,6.56857143 L8.6122449,5.78428571 C8.0787172,5.29571429 7.3877551,5 6.56122449,5 C4.86880466,5 3.5,6.34142857 3.5,8 C3.5,9.65857143 4.86880466,11 6.56122449,11 C8.32798834,11 9.5,9.78285714 9.5,8.06857143 C9.5,7.87142857 9.47813411,7.72142857 9.45189504,7.57142857 L6.56122449,7.57142857 Z M12.5,7.66666667 L11.8333333,7.66666667 L11.8333333,7 L11.1666667,7 L11.1666667,7.66666667 L10.5,7.66666667 L10.5,8.33333333 L11.1666667,8.33333333 L11.1666667,9 L11.8333333,9 L11.8333333,8.33333333 L12.5,8.33333333 L12.5,7.66666667 Z"
+      />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon dragIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circleInstagramIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
+    <circle
+      cx="8"
+      cy="8"
+      r="8"
+    />
     <g
-      className="shuttleGray"
+      transform="translate(3.000000, 3.000000)"
     >
       <path
-        d="M14,13 C12.8954305,13 12,12.1045695 12,11 C12,9.8954305 12.8954305,9 14,9 C15.1045695,9 16,9.8954305 16,11 C16,12.1045695 15.1045695,13 14,13 Z M8,13 C6.8954305,13 6,12.1045695 6,11 C6,9.8954305 6.8954305,9 8,9 C9.1045695,9 10,9.8954305 10,11 C10,12.1045695 9.1045695,13 8,13 Z M14,7 C12.8954305,7 12,6.1045695 12,5 C12,3.8954305 12.8954305,3 14,3 C15.1045695,3 16,3.8954305 16,5 C16,6.1045695 15.1045695,7 14,7 Z M8,7 C6.8954305,7 6,6.1045695 6,5 C6,3.8954305 6.8954305,3 8,3 C9.1045695,3 10,3.8954305 10,5 C10,6.1045695 9.1045695,7 8,7 Z M2,7 C0.8954305,7 0,6.1045695 0,5 C0,3.8954305 0.8954305,3 2,3 C3.1045695,3 4,3.8954305 4,5 C4,6.1045695 3.1045695,7 2,7 Z M2,13 C0.8954305,13 0,12.1045695 0,11 C0,9.8954305 0.8954305,9 2,9 C3.1045695,9 4,9.8954305 4,11 C4,12.1045695 3.1045695,13 2,13 Z"
-        transform="translate(8.000000, 8.000000) rotate(90.000000) translate(-8.000000, -8.000000)"
+        d="M4.99843254,0.0031547619 C3.64093254,0.0031547619 3.47071429,0.00890873016 2.93757937,0.033234127 C2.40555556,0.0575 2.04220238,0.142003968 1.72426587,0.265575397 C1.3955754,0.393293651 1.1168254,0.564206349 0.838928571,0.842083333 C0.561051587,1.11998016 0.390138889,1.39873016 0.262420635,1.72742063 C0.138849206,2.04535714 0.0543452381,2.40871032 0.0300793651,2.94073413 C0.00575396825,3.47386905 0,3.6440873 0,5.0015873 C0,6.35906746 0.00575396825,6.52928571 0.0300793651,7.06242063 C0.0543452381,7.59444444 0.138849206,7.95779762 0.262420635,8.27573413 C0.390138889,8.6044246 0.561051587,8.8831746 0.838928571,9.16107143 C1.1168254,9.43894841 1.3955754,9.60986111 1.72426587,9.73759921 C2.04220238,9.86115079 2.40555556,9.94565476 2.93757937,9.96992063 C3.47071429,9.99424603 3.64093254,10 4.99843254,10 C6.3559127,10 6.52613095,9.99424603 7.05926587,9.96992063 C7.59128968,9.94565476 7.95464286,9.86115079 8.27257937,9.73759921 C8.60126984,9.60986111 8.88001984,9.43894841 9.15791667,9.16107143 C9.43579365,8.8831746 9.60670635,8.6044246 9.73444444,8.27573413 C9.85799603,7.95779762 9.9425,7.59444444 9.96676587,7.06242063 C9.99109127,6.52928571 9.99684524,6.35906746 9.99684524,5.0015873 C9.99684524,3.6440873 9.99109127,3.47386905 9.96676587,2.94073413 C9.9425,2.40871032 9.85799603,2.04535714 9.73444444,1.72742063 C9.60670635,1.39873016 9.43579365,1.11998016 9.15791667,0.842083333 C8.88001984,0.564206349 8.60126984,0.393293651 8.27257937,0.265575397 C7.95464286,0.142003968 7.59128968,0.0575 7.05926587,0.033234127 C6.52613095,0.00890873016 6.3559127,0.0031547619 4.99843254,0.0031547619 L4.99843254,0.0031547619 Z M4.99843254,0.903769841 C6.33305556,0.903769841 6.49115079,0.908869048 7.01821429,0.932916667 C7.50555556,0.955138889 7.77021825,1.03656746 7.94634921,1.10501984 C8.1796627,1.19569444 8.34617063,1.30400794 8.52107143,1.47892857 C8.69599206,1.65382937 8.80430556,1.8203373 8.89498016,2.05365079 C8.96343254,2.22978175 9.04486111,2.49444444 9.06708333,2.98178571 C9.09113095,3.50884921 9.09623016,3.66694444 9.09623016,5.0015873 C9.09623016,6.33621032 9.09113095,6.49430556 9.06708333,7.02136905 C9.04486111,7.50871032 8.96343254,7.77337302 8.89498016,7.94950397 C8.80430556,8.18281746 8.69599206,8.3493254 8.52107143,8.52422619 C8.34617063,8.69914683 8.1796627,8.80746032 7.94634921,8.89813492 C7.77021825,8.9665873 7.50555556,9.04801587 7.01821429,9.0702381 C6.49123016,9.09428571 6.33315476,9.09938492 4.99843254,9.09938492 C3.66369048,9.09938492 3.50563492,9.09428571 2.97863095,9.0702381 C2.49128968,9.04801587 2.22662698,8.9665873 2.05049603,8.89813492 C1.81718254,8.80746032 1.6506746,8.69914683 1.47577381,8.52422619 C1.30087302,8.3493254 1.19253968,8.18281746 1.10186508,7.94950397 C1.0334127,7.77337302 0.951984127,7.50871032 0.929761905,7.02136905 C0.905714286,6.49430556 0.900615079,6.33621032 0.900615079,5.0015873 C0.900615079,3.66694444 0.905714286,3.50884921 0.929761905,2.98178571 C0.951984127,2.49444444 1.0334127,2.22978175 1.10186508,2.05365079 C1.19253968,1.8203373 1.30085317,1.65382937 1.47577381,1.47892857 C1.6506746,1.30400794 1.81718254,1.19569444 2.05049603,1.10501984 C2.22662698,1.03656746 2.49128968,0.955138889 2.97863095,0.932916667 C3.50569444,0.908869048 3.66378968,0.903769841 4.99843254,0.903769841 L4.99843254,0.903769841 Z"
+        fill="#FFFFFF"
+        mask="url(#mask-2)"
+      />
+      <path
+        d="M4.99843254,6.66771825 C4.07823413,6.66771825 3.33228175,5.92176587 3.33228175,5.0015873 C3.33228175,4.08138889 4.07823413,3.33543651 4.99843254,3.33543651 C5.91861111,3.33543651 6.66456349,4.08138889 6.66456349,5.0015873 C6.66456349,5.92176587 5.91861111,6.66771825 4.99843254,6.66771825 L4.99843254,6.66771825 Z M4.99843254,2.43482143 C3.58083333,2.43482143 2.43166667,3.5839881 2.43166667,5.0015873 C2.43166667,6.41916667 3.58083333,7.56833333 4.99843254,7.56833333 C6.4160119,7.56833333 7.56517857,6.41916667 7.56517857,5.0015873 C7.56517857,3.5839881 6.4160119,2.43482143 4.99843254,2.43482143 L4.99843254,2.43482143 Z"
+        fill="#FFFFFF"
+      />
+      <path
+        d="M8.26640873,2.3334127 C8.26640873,2.66468254 7.99785714,2.93321429 7.6665873,2.93321429 C7.3353373,2.93321429 7.06678571,2.66468254 7.06678571,2.3334127 C7.06678571,2.00214286 7.3353373,1.73359127 7.6665873,1.73359127 C7.99785714,1.73359127 8.26640873,2.00214286 8.26640873,2.3334127"
+        fill="#FFFFFF"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon editIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circleLinkedInIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      fillRule="evenodd"
     >
       <path
-        d="M0,12.8353339 L3.16356812,15.998902 L0,15.998902 L0,12.8353339 Z M1.05452271,11.7808112 L10.5452271,2.29010681 L13.7087952,5.45367493 L4.21809083,14.9443793 L1.05452271,11.7808112 Z M11.5997498,1.2355841 L12.2903301,0.545003751 C13.0737267,-0.238392873 14.3489904,-0.2332661 15.1240254,0.541768884 L15.4571331,0.874876608 C16.2387432,1.65648666 16.2395801,2.92288997 15.4538982,3.70857187 L14.7633179,4.39915222 L11.5997498,1.2355841 Z"
+        d="M0,8 C0,3.581722 3.59071231,0 8,0 C12.418278,0 16,3.59071231 16,8 C16,12.418278 12.4092877,16 8,16 C3.581722,16 0,12.4092877 0,8 Z M4.96185043,4 C4.42938642,4 4,4.43141524 4,4.962986 C4,5.49486781 4.42938642,5.92628305 4.96185043,5.92628305 C5.49214111,5.92628305 5.92245896,5.49486781 5.92245896,4.962986 C5.92245896,4.43141524 5.49214111,4 4.96185043,4 Z M4.13164125,6.6562986 L4.13164125,12 L5.79112819,12 L5.79112819,6.6562986 L4.13164125,6.6562986 Z M6.83090775,6.6562986 L6.83090775,12 L8.486669,12 L8.486669,9.35707621 C8.486669,8.65972006 8.61831024,7.9844479 9.48111926,7.9844479 C10.3318198,7.9844479 10.3423759,8.78164852 10.3423759,9.40124417 L10.3423759,12 L12,12 L12,9.06936236 C12,7.63017107 11.6898358,6.52379471 10.0110995,6.52379471 C9.20479683,6.52379471 8.66395001,6.96671851 8.44289207,7.38693624 L8.41991695,7.38693624 L8.41991695,6.6562986 L6.83090775,6.6562986 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon exclamationIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circleMinusIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <circle
-        cx="2"
-        cy="11.5"
-        r="1.5"
-      />
-      <path
-        d="M0.226915479,1.81532383 C0.10159352,0.812748163 0.828802586,0 1.83610106,0 L2.16389894,0 C3.17794956,0 3.8986115,0.811107993 3.77308452,1.81532383 L3.12462877,7.00296986 C3.0557982,7.5536144 2.55613518,8 2,8 L2,8 C1.44771525,8 0.943370461,7.54696369 0.875371233,7.00296986 L0.226915479,1.81532383 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M8,16 C12.418278,16 16,12.418278 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 Z M4,8 C4,7.44771525 4.45303631,7 4.99703014,7 L11.0029699,7 C11.5536144,7 12,7.44386482 12,8 L12,8 C12,8.55228475 11.5469637,9 11.0029699,9 L4.99703014,9 C4.4463856,9 4,8.55613518 4,8 L4,8 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon exportIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circlePinterestIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      fillRule="evenodd"
     >
       <path
-        d="M0,7.99703014 C0,7.4463856 0.443353176,7 1.0093689,7 L2.9906311,7 C3.54809015,7 4,7.44386482 4,8 L4,8 C4,8.55228475 3.55613518,9 3,9 L2.24523926,9 C2.10979736,9 2,9.11539841 2,9.25021791 L2,12.7497821 C2,12.8879736 2.10374069,13 2.25063705,13 L13.7493629,13 C13.887786,13 14,12.8846016 14,12.7497821 L14,9.25021791 C14,9.11202638 13.8924713,9 13.7547607,9 L13,9 C12.4477153,9 12,8.55613518 12,8 L12,8 C12,7.44771525 12.4433532,7 13.0093689,7 L14.9906311,7 C15.5480902,7 16,7.45303631 16,7.99703014 L16,14.0029699 C16,14.5536144 15.5553691,15 14.9991283,15 L1.00087166,15 C0.448105505,15 0,14.5469637 0,14.0029699 L0,7.99703014 Z M7,5 L4.99895656,5 C4.44724809,5 4.31387329,4.68612671 4.70591205,4.29408795 L7.64502668,1.35497332 C7.84107303,1.15892697 8.15192032,1.15192032 8.35497332,1.35497332 L11.2940879,4.29408795 C11.6839524,4.68395241 11.5573397,5 11.0010434,5 L9,5 L9,10.009222 C9,10.5564136 8.55613518,11 8,11 L8,11 C7.44771525,11 7,10.5490248 7,10.009222 L7,5 Z"
+        d="M8,16 C12.418278,16 16,12.418278 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 Z M8.03835433,3 C5.3349892,3 3.8999939,4.75634512 3.8999939,6.67031096 C3.8999939,7.55913615 4.38866975,8.66649982 5.17113092,9.018866 C5.29025266,9.07257569 5.35317372,9.04903783 5.38018694,8.93817389 C5.40113866,8.85371827 5.50721499,8.44241177 5.55438931,8.2504092 C5.57000427,8.18910871 5.56229562,8.13648342 5.51057518,8.0758846 C5.25302712,7.77314566 5.04555236,7.21353152 5.04555236,6.69263684 C5.04555236,5.35550796 6.09149132,4.06162751 7.87311244,4.06162751 C9.4126687,4.06162751 10.4892446,5.0761793 10.4892446,6.52812699 C10.4892446,8.16882405 9.63483602,9.30495621 8.52090279,9.30495621 C7.90585774,9.30495621 7.44544694,8.81353169 7.5930314,8.20869169 C7.77026452,7.48833121 8.11208067,6.7096045 8.11208067,6.19049589 C8.11208067,5.72401257 7.85380787,5.33573361 7.3193413,5.33573361 C6.69105318,5.33573361 6.18577407,5.96538723 6.18577407,6.80898657 C6.18577407,7.34595589 6.37354894,7.70878334 6.37354894,7.70878334 C6.37354894,7.70878334 5.75310124,10.2504254 5.63971158,10.7234789 C5.44620463,11.5262537 5.66494588,12.8270233 5.68425046,12.9406302 C5.69406746,13.0016117 5.7640383,13.0222153 5.80356985,12.9709296 C5.86458022,12.8921511 6.61284659,11.80571 6.82447216,11.0200941 C6.89958211,10.7366192 7.21366028,9.57854393 7.21366028,9.57854393 C7.41896081,9.95572373 8.01456951,10.2746649 8.64931445,10.2746649 C10.5381978,10.2746649 11.8999939,8.59205896 11.8999939,6.50286685 C11.8999939,4.49908719 10.2114696,3 8.03835433,3"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon facebookIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circlePlayIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      fillRule="evenodd"
     >
       <path
-        d="M6.36466699,16 L6.36466699,8.70169121 L4,8.70169121 L4,5.85735974 L6.36466699,5.85735974 L6.36466699,3.75977121 C6.36466699,1.32549518 7.79607203,0 9.8868861,0 C10.8883393,0 11.7490588,0.0774635455 12,0.1120644 L12,2.65600395 L10.5498305,2.65671009 C9.41281051,2.65671009 9.19266757,3.21787946 9.19266757,4.0413798 L9.19266757,5.85735974 L11.9044098,5.85735974 L11.5512837,8.70169121 L9.19266757,8.70169121 L9.19266757,16 L6.36466699,16 Z"
+        d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M6.38755779,11.166206 L11.5095603,8.46752615 C12.0065375,8.20567891 11.999745,7.79044606 11.5095603,7.53208404 L6.38755779,4.83242594 C5.89058062,4.57048377 5.5,4.81032621 5.5,5.36013253 L5.5,10.6383299 C5.5,11.1791199 5.89737316,11.4244744 6.38755779,11.166206 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon gifIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circlePlusIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      fillRule="evenodd"
     >
       <path
-        d="M3.15491775,7.6017025 L5.87242145,7.6017025 L5.87242145,11.1531987 C5.43199623,11.2968835 5.0173468,11.3976176 4.6284607,11.4554039 C4.23957461,11.5131902 3.84210462,11.5420829 3.43603882,11.5420829 C2.40213282,11.5420829 1.61265903,11.238319 1.06759379,10.6307821 C0.522528537,10.0232451 0.25,9.15099765 0.25,8.01401341 C0.25,6.90826499 0.566258044,6.04616899 1.19878362,5.42769954 C1.8313092,4.80923009 2.70824199,4.5 3.82960832,4.5 C4.53241452,4.5 5.21022188,4.64055913 5.86305075,4.92168161 L5.38045957,6.08364871 C4.88068628,5.83376206 4.36061749,5.70882061 3.82023762,5.70882061 C3.19239742,5.70882061 2.68950808,5.91965931 2.31155453,6.34134302 C1.93360098,6.76302674 1.74462704,7.32994857 1.74462704,8.04212551 C1.74462704,8.78553829 1.89689943,9.353241 2.20144878,9.74525068 C2.50599813,10.1372604 2.94875939,10.3332623 3.52974584,10.3332623 C3.8327334,10.3332623 4.14040172,10.3020269 4.45276003,10.2395552 L4.45276003,8.81052311 L3.15491775,8.81052311 L3.15491775,7.6017025 Z M8.03601252,11.4483758 L8.03601252,4.59839238 L9.48847139,4.59839238 L9.48847139,11.4483758 L8.03601252,11.4483758 Z M13.1748016,11.4483758 L11.7457695,11.4483758 L11.7457695,4.59839238 L15.6720938,4.59839238 L15.6720938,5.78847158 L13.1748016,5.78847158 L13.1748016,7.55484899 L15.4987358,7.55484899 L15.4987358,8.74024284 L13.1748016,8.74024284 L13.1748016,11.4483758 Z"
+        d="M8,16 C12.418278,16 16,12.418278 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 Z M9,7 L9,4.99703014 C9,4.45303631 8.55228475,4 8,4 C7.44386482,4 7,4.4463856 7,4.99703014 L7,7 L4.99703014,7 C4.45303631,7 4,7.44771525 4,8 C4,8.55613518 4.4463856,9 4.99703014,9 L7,9 L7,11.0029699 C7,11.5469637 7.44771525,12 8,12 C8.55613518,12 9,11.5536144 9,11.0029699 L9,9 L11.0029699,9 C11.5469637,9 12,8.55228475 12,8 C12,7.44386482 11.5536144,7 11.0029699,7 L9,7 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon googleIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circleTwitterIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      fillRule="evenodd"
     >
       <path
-        d="M5.44217687,7.71428571 L5.44217687,9.6 L8.52866861,9.6 C8.404276,10.4092857 7.595724,11.9728571 5.44217687,11.9728571 C3.5840622,11.9728571 2.06802721,10.4171429 2.06802721,8.5 C2.06802721,6.58285714 3.5840622,5.02714286 5.44217687,5.02714286 C6.49951409,5.02714286 7.20699708,5.48285714 7.61127308,5.87571429 L9.08843537,4.43785714 C8.13994169,3.54214286 6.91156463,3 5.44217687,3 C2.43343052,3 0,5.45928571 0,8.5 C0,11.5407143 2.43343052,14 5.44217687,14 C8.58309038,14 10.6666667,11.7685714 10.6666667,8.62571429 C10.6666667,8.26428571 10.627794,7.98928571 10.5811467,7.71428571 L5.44217687,7.71428571 L5.44217687,7.71428571 Z M16,7.88888889 L14.8148148,7.88888889 L14.8148148,6.66666667 L13.6296296,6.66666667 L13.6296296,7.88888889 L12.4444444,7.88888889 L12.4444444,9.11111111 L13.6296296,9.11111111 L13.6296296,10.3333333 L14.8148148,10.3333333 L14.8148148,9.11111111 L16,9.11111111"
+        d="M0,8 C0,3.581722 3.59071231,0 8,0 L8,0 C12.418278,0 16,3.59071231 16,8 L16,8 C16,12.418278 12.4092877,16 8,16 L8,16 C3.581722,16 0,12.4092877 0,8 L0,8 Z M12,5.32763533 C11.7037037,5.46723647 11.3888889,5.56695157 11.0555556,5.60683761 C11.3981481,5.38746439 11.6574074,5.03846154 11.7777778,4.62962963 C11.462963,4.82905983 11.1111111,4.97863248 10.7407407,5.05840456 C10.4351852,4.71937322 10.0092593,4.5 9.53703704,4.5 C8.62962963,4.5 7.89814815,5.28774929 7.89814815,6.26495726 C7.89814815,6.4045584 7.90740741,6.54415954 7.93518519,6.67378917 C6.57407407,6.59401709 5.37037037,5.92592593 4.55555556,4.85897436 C4.41666667,5.11823362 4.33333333,5.38746439 4.33333333,5.71652422 C4.33333333,6.32478632 4.62037037,6.86324786 5.06481481,7.18233618 C4.7962963,7.17236467 4.5462963,7.09259259 4.32407407,6.96296296 L4.32407407,6.98290598 C4.32407407,7.84045584 4.88888889,8.55840456 5.63888889,8.71794872 C5.5,8.75783476 5.35185185,8.77777778 5.2037037,8.77777778 C5.10185185,8.77777778 5,8.76780627 4.89814815,8.74786325 C5.10185185,9.44586895 5.71296296,9.96438746 6.42592593,9.97435897 C5.87037037,10.4529915 5.15740741,10.8119658 4.38888889,10.8119658 C4.25925926,10.8119658 4.12962963,10.8019943 4,10.7820513 C4.72222222,11.2806268 5.59259259,11.5 6.51851852,11.5 C9.53703704,11.5 11.1851852,8.80769231 11.1851852,6.47435897 L11.1851852,6.24501425 C11.5,5.9957265 11.7777778,5.68660969 12,5.32763533 L12,5.32763533 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon imageIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon circleXIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      fillRule="evenodd"
     >
-      <path
-        d="M14,10.8181818 L14,3.50964952 C14,3.22765279 13.7759869,3 13.4996527,3 L2.50034732,3 C2.22900057,3 2,3.22817786 2,3.50964952 L2,12.1818182 L4.75824553,9.67432225 C5.16790521,9.30190435 5.79525757,9.32806396 6.1639905,9.73776722 L7.06880734,10.7431193 L9.82559204,7.73571777 C10.1980573,7.32939207 10.8035382,7.33113256 11.174408,7.73571777 L14,10.8181818 Z M0,3.00585866 C0,1.89805351 0.894513756,1 1.99406028,1 L14.0059397,1 C15.1072288,1 16,1.89706013 16,3.00585866 L16,12.9941413 C16,14.1019465 15.1054862,15 14.0059397,15 L1.99406028,15 C0.892771196,15 0,14.1029399 0,12.9941413 L0,3.00585866 Z M4.5,7 C5.32842712,7 6,6.32842712 6,5.5 C6,4.67157288 5.32842712,4 4.5,4 C3.67157288,4 3,4.67157288 3,5.5 C3,6.32842712 3.67157288,7 4.5,7 Z"
-      />
+      <g
+        transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000) "
+      >
+        <path
+          d="M8,16 C12.418278,16 16,12.418278 16,8 C16,3.581722 12.418278,1.77635684e-15 8,1.77635684e-15 C3.581722,1.77635684e-15 -8.8817842e-16,3.581722 -8.8817842e-16,8 C-8.8817842e-16,12.418278 3.581722,16 8,16 Z M9,7 L9,4.99703014 C9,4.45303631 8.55228475,4 8,4 C7.44386482,4 7,4.4463856 7,4.99703014 L7,7 L4.99703014,7 C4.45303631,7 4,7.44771525 4,8 C4,8.55613518 4.4463856,9 4.99703014,9 L7,9 L7,11.0029699 C7,11.5469637 7.44771525,12 8,12 C8.55613518,12 9,11.5536144 9,11.0029699 L9,9 L11.0029699,9 C11.5469637,9 12,8.55228475 12,8 C12,7.44386482 11.5536144,7 11.0029699,7 L9,7 Z"
+        />
+      </g>
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon instagramIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon clickIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M5.21779631,11.9494755 C2.27366981,11.5661698 0,9.04860692 0,6 C0,2.6862915 2.6862915,0 6,0 C9.23196141,0 11.8670799,2.5553881 11.9951265,5.75593513 L9.77085735,4.66233163 C9.22052002,3.11100668 7.74000477,2 6,2 C3.790861,2 2,3.790861 2,6 C2,7.80949838 3.20152328,9.33836596 4.85026989,9.83230278 L5.21779631,11.9494755 Z M6.17748666,5.97617662 C6.07946348,5.43704916 6.40439725,5.20219862 6.88743329,5.44371665 L15.1125667,9.55628335 C15.6026826,9.80134129 15.5703705,10.1022927 15.0248191,10.2321859 L10.9892238,11.193042 C10.8571041,11.224499 10.6925623,11.3492105 10.6246923,11.4664406 L8.50439239,15.1287768 C8.22582416,15.6099401 7.91912055,15.555163 7.82251334,15.0238234 L6.17748666,5.97617662 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon clockIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z"
+    />
+    <rect
+      height="6"
+      rx="1"
+      width="2"
+      x="7"
+      y="3"
+    />
+    <rect
+      height="6"
+      rx="1"
+      transform="translate(9.418427, 9.578427) rotate(-225.000000) translate(-9.418427, -9.578427) "
+      width="2"
+      x="8.41842728"
+      y="6.57842712"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon closeIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
+      transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon closeSmallIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <rect
+      height="12"
+      rx="0.5"
+      transform="translate(5.046194, 5.000000) rotate(45.000000) translate(-5.046194, -5.000000)"
+      width="1"
+      x="4.54619413"
+      y="-1"
+    />
+    <rect
+      height="12"
+      rx="0.5"
+      transform="translate(5.046194, 5.000000) scale(-1, 1) rotate(45.000000) translate(-5.046194, -5.000000)"
+      width="1"
+      x="4.54619413"
+      y="-1"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon commentIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M0,2.0085302 C0,0.899249601 0.894513756,0 1.99406028,0 L14.0059397,0 C15.1072288,0 16,0.901950359 16,2.0085302 L16,9.9914698 C16,11.1007504 15.1132936,12 14.0018986,12 L8,12 L4,16 L4,12 L2,12 C0.8954305,12 0,11.0980496 0,9.9914698 L0,2.0085302 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon contentIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M0,3.00247329 C0,2.44882258 0.444630861,2 1.00087166,2 L14.9991283,2 C15.5518945,2 16,2.45576096 16,3.00247329 L16,12.9975267 C16,13.5511774 15.5553691,14 14.9991283,14 L1.00087166,14 C0.448105505,14 0,13.544239 0,12.9975267 L0,3.00247329 Z M2,4.50043583 L2,11.4995642 C2,11.7692032 2.22401312,12 2.50034732,12 L13.4996527,12 C13.7709994,12 14,11.7759472 14,11.4995642 L14,4.50043583 C14,4.23079681 13.7759869,4 13.4996527,4 L2.50034732,4 C2.22900057,4 2,4.22405275 2,4.50043583 Z M3,5.74523926 C3,5.60979736 3.11230469,5.5 3.24719238,5.5 L12.7528076,5.5 C12.8893282,5.5 13,5.60752869 13,5.74523926 L13,7.25476074 C13,7.39020264 12.8876953,7.5 12.7528076,7.5 L3.24719238,7.5 C3.1106718,7.5 3,7.39247131 3,7.25476074 L3,5.74523926 Z M3,8.74523926 C3,8.60979736 3.10742188,8.5 3.24884939,8.5 L5.25115061,8.5 C5.38858633,8.5 5.5,8.60752869 5.5,8.74523926 L5.5,10.2547607 C5.5,10.3902026 5.39257812,10.5 5.25115061,10.5 L3.24884939,10.5 C3.11141367,10.5 3,10.3924713 3,10.2547607 L3,8.74523926 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon contentLibraryIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M1.6,3.2 L1.6,14.4 L12.8,14.4 L12.8,16 L0,16 L0,3.2 L1.6,3.2 Z M3.2,0 L16,0 L16,12.8 L3.2,12.8 L3.2,0 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon curiousBlue 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#168eea",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="curiousBlue"
   >
     <g
-      className="shuttleGray"
+      transform="translate(0.000000, 0.500000)"
     >
+      <ellipse
+        cx="3.5"
+        cy="7.5"
+        rx="1"
+        ry="1"
+      />
       <path
-        d="M7.99749206,0.00504761905 C5.82549206,0.00504761905 5.55314286,0.0142539683 4.70012698,0.0531746032 C3.84888889,0.092 3.26752381,0.227206349 2.7588254,0.424920635 C2.23292063,0.629269841 1.78692063,0.902730159 1.34228571,1.34733333 C0.89768254,1.79196825 0.624222222,2.23796825 0.419873016,2.76387302 C0.22215873,3.27257143 0.086952381,3.85393651 0.0481269841,4.7051746 C0.00920634921,5.55819048 0,5.83053968 0,8.00253968 C0,10.1745079 0.00920634921,10.4468571 0.0481269841,11.299873 C0.086952381,12.1511111 0.22215873,12.7324762 0.419873016,13.2411746 C0.624222222,13.7670794 0.89768254,14.2130794 1.34228571,14.6577143 C1.78692063,15.1023175 2.23292063,15.3757778 2.7588254,15.5801587 C3.26752381,15.7778413 3.84888889,15.9130476 4.70012698,15.951873 C5.55314286,15.9907937 5.82549206,16 7.99749206,16 C10.1694603,16 10.4418095,15.9907937 11.2948254,15.951873 C12.1460635,15.9130476 12.7274286,15.7778413 13.236127,15.5801587 C13.7620317,15.3757778 14.2080317,15.1023175 14.6526667,14.6577143 C15.0972698,14.2130794 15.3707302,13.7670794 15.5751111,13.2411746 C15.7727937,12.7324762 15.908,12.1511111 15.9468254,11.299873 C15.985746,10.4468571 15.9949524,10.1745079 15.9949524,8.00253968 C15.9949524,5.83053968 15.985746,5.55819048 15.9468254,4.7051746 C15.908,3.85393651 15.7727937,3.27257143 15.5751111,2.76387302 C15.3707302,2.23796825 15.0972698,1.79196825 14.6526667,1.34733333 C14.2080317,0.902730159 13.7620317,0.629269841 13.236127,0.424920635 C12.7274286,0.227206349 12.1460635,0.092 11.2948254,0.0531746032 C10.4418095,0.0142539683 10.1694603,0.00504761905 7.99749206,0.00504761905 L7.99749206,0.00504761905 Z M7.99749206,1.44603175 C10.1328889,1.44603175 10.3858413,1.45419048 11.2291429,1.49266667 C12.0088889,1.52822222 12.4323492,1.65850794 12.7141587,1.76803175 C13.0874603,1.91311111 13.353873,2.0864127 13.6337143,2.36628571 C13.9135873,2.64612698 14.0868889,2.91253968 14.2319683,3.28584127 C14.3414921,3.56765079 14.4717778,3.99111111 14.5073333,4.77085714 C14.5458095,5.61415873 14.5539683,5.86711111 14.5539683,8.00253968 C14.5539683,10.1379365 14.5458095,10.3908889 14.5073333,11.2341905 C14.4717778,12.0139365 14.3414921,12.4373968 14.2319683,12.7192063 C14.0868889,13.0925079 13.9135873,13.3589206 13.6337143,13.6387619 C13.353873,13.9186349 13.0874603,14.0919365 12.7141587,14.2370159 C12.4323492,14.3465397 12.0088889,14.4768254 11.2291429,14.512381 C10.3859683,14.5508571 10.1330476,14.5590159 7.99749206,14.5590159 C5.86190476,14.5590159 5.60901587,14.5508571 4.76580952,14.512381 C3.98606349,14.4768254 3.56260317,14.3465397 3.28079365,14.2370159 C2.90749206,14.0919365 2.64107937,13.9186349 2.3612381,13.6387619 C2.08139683,13.3589206 1.90806349,13.0925079 1.76298413,12.7192063 C1.65346032,12.4373968 1.5231746,12.0139365 1.48761905,11.2341905 C1.44914286,10.3908889 1.44098413,10.1379365 1.44098413,8.00253968 C1.44098413,5.86711111 1.44914286,5.61415873 1.48761905,4.77085714 C1.5231746,3.99111111 1.65346032,3.56765079 1.76298413,3.28584127 C1.90806349,2.91253968 2.08136508,2.64612698 2.3612381,2.36628571 C2.64107937,2.0864127 2.90749206,1.91311111 3.28079365,1.76803175 C3.56260317,1.65850794 3.98606349,1.52822222 4.76580952,1.49266667 C5.60911111,1.45419048 5.86206349,1.44603175 7.99749206,1.44603175 L7.99749206,1.44603175 Z"
+        d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
       />
       <path
-        d="M7.99749206,10.6683492 C6.5251746,10.6683492 5.33165079,9.4748254 5.33165079,8.00253968 C5.33165079,6.53022222 6.5251746,5.33669841 7.99749206,5.33669841 C9.46977778,5.33669841 10.6633016,6.53022222 10.6633016,8.00253968 C10.6633016,9.4748254 9.46977778,10.6683492 7.99749206,10.6683492 L7.99749206,10.6683492 Z M7.99749206,3.89571429 C5.72933333,3.89571429 3.89066667,5.73438095 3.89066667,8.00253968 C3.89066667,10.2706667 5.72933333,12.1093333 7.99749206,12.1093333 C10.265619,12.1093333 12.1042857,10.2706667 12.1042857,8.00253968 C12.1042857,5.73438095 10.265619,3.89571429 7.99749206,3.89571429 L7.99749206,3.89571429 Z"
+        d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
       />
       <path
-        d="M13.226254,3.73346032 C13.226254,4.26349206 12.7965714,4.69314286 12.2665397,4.69314286 C11.7365397,4.69314286 11.3068571,4.26349206 11.3068571,3.73346032 C11.3068571,3.20342857 11.7365397,2.77374603 12.2665397,2.77374603 C12.7965714,2.77374603 13.226254,3.20342857 13.226254,3.73346032"
+        d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon large 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "2rem",
-        "width": "2rem",
-      }
-    }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+exports[`Snapshots Icon dragIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        transform="translate(0.000000, 0.500000)"
-      >
-        <ellipse
-          cx="3.5"
-          cy="7.5"
-          rx="1"
-          ry="1"
-        />
-        <path
-          d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
-        />
-        <path
-          d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
-        />
-        <path
-          d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+    <path
+      d="M14,13 C12.8954305,13 12,12.1045695 12,11 C12,9.8954305 12.8954305,9 14,9 C15.1045695,9 16,9.8954305 16,11 C16,12.1045695 15.1045695,13 14,13 Z M8,13 C6.8954305,13 6,12.1045695 6,11 C6,9.8954305 6.8954305,9 8,9 C9.1045695,9 10,9.8954305 10,11 C10,12.1045695 9.1045695,13 8,13 Z M14,7 C12.8954305,7 12,6.1045695 12,5 C12,3.8954305 12.8954305,3 14,3 C15.1045695,3 16,3.8954305 16,5 C16,6.1045695 15.1045695,7 14,7 Z M8,7 C6.8954305,7 6,6.1045695 6,5 C6,3.8954305 6.8954305,3 8,3 C9.1045695,3 10,3.8954305 10,5 C10,6.1045695 9.1045695,7 8,7 Z M2,7 C0.8954305,7 0,6.1045695 0,5 C0,3.8954305 0.8954305,3 2,3 C3.1045695,3 4,3.8954305 4,5 C4,6.1045695 3.1045695,7 2,7 Z M2,13 C0.8954305,13 0,12.1045695 0,11 C0,9.8954305 0.8954305,9 2,9 C3.1045695,9 4,9.8954305 4,11 C4,12.1045695 3.1045695,13 2,13 Z"
+      transform="translate(8.000000, 8.000000) rotate(90.000000) translate(-8.000000, -8.000000)"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon likeIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon editIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M8,3.625 C7.40444444,2.1095 5.736,1 4,1 C1.73955556,1 0,2.6905 0,4.9375 C0,8.025375 3.37155556,10.41325 8,15 C12.6284444,10.41325 16,8.025375 16,4.9375 C16,2.6905 14.2604444,1 12,1 C10.2622222,1 8.59555556,2.1095 8,3.625 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M0,12.8353339 L3.16356812,15.998902 L0,15.998902 L0,12.8353339 Z M1.05452271,11.7808112 L10.5452271,2.29010681 L13.7087952,5.45367493 L4.21809083,14.9443793 L1.05452271,11.7808112 Z M11.5997498,1.2355841 L12.2903301,0.545003751 C13.0737267,-0.238392873 14.3489904,-0.2332661 15.1240254,0.541768884 L15.4571331,0.874876608 C16.2387432,1.65648666 16.2395801,2.92288997 15.4538982,3.70857187 L14.7633179,4.39915222 L11.5997498,1.2355841 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon linkIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon exclamationIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M9.75995661,8.74004339 L11.8548563,6.64514375 L12.7902875,5.70971251 C13.1833733,5.31662673 13.1822509,4.68225089 12.7902875,4.29028749 L11.7097125,3.20971251 C11.3166267,2.81662673 10.6822509,2.81774911 10.2902875,3.20971251 L9.35485625,4.14514375 L7.25997338,6.24002662 C6.6393869,5.45249932 6.69075004,4.30924996 7.41942501,3.58057499 L9.58057499,1.41942501 C10.3645018,0.635498224 11.6332535,0.633253455 12.419425,1.41942501 L14.580575,3.58057499 C15.3645018,4.36450178 15.3667465,5.63325346 14.580575,6.41942501 L12.419425,8.58057499 C11.6926854,9.30731459 10.5492765,9.3622592 9.75995661,8.74004339 Z M6.24004339,7.25995661 L4.14514375,9.35485625 L3.20971251,10.2902875 C2.81662673,10.6833733 2.81774911,11.3177491 3.20971251,11.7097125 L4.29028749,12.7902875 C4.68337327,13.1833733 5.31774911,13.1822509 5.70971251,12.7902875 L6.64514375,11.8548563 L8.74002662,9.75997338 C9.3606131,10.5475007 9.30924996,11.69075 8.58057499,12.419425 L6.41942501,14.580575 C5.63549822,15.3645018 4.36674654,15.3667465 3.58057499,14.580575 L1.41942501,12.419425 C0.635498224,11.6354982 0.633253455,10.3667465 1.41942501,9.58057499 L3.58057499,7.41942501 C4.30731459,6.69268541 5.45072355,6.6377408 6.24004339,7.25995661 Z M10.1426411,4.85735893 C10.340005,4.65999504 10.65625,4.65625 10.8497515,4.84975147 L11.1502485,5.15024853 C11.3434109,5.34341093 11.3395145,5.66048551 11.1426411,5.85735893 L5.85735893,11.1426411 C5.65999504,11.340005 5.34375,11.34375 5.15024853,11.1502485 L4.84975147,10.8497515 C4.65658907,10.6565891 4.66048551,10.3395145 4.85735893,10.1426411 L10.1426411,4.85735893 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <circle
+      cx="2"
+      cy="11.5"
+      r="1.5"
+    />
+    <path
+      d="M0.226915479,1.81532383 C0.10159352,0.812748163 0.828802586,0 1.83610106,0 L2.16389894,0 C3.17794956,0 3.8986115,0.811107993 3.77308452,1.81532383 L3.12462877,7.00296986 C3.0557982,7.5536144 2.55613518,8 2,8 L2,8 C1.44771525,8 0.943370461,7.54696369 0.875371233,7.00296986 L0.226915479,1.81532383 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon linkedInIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon exportIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M1.92370086,0 C2.98428222,0 3.84491792,0.862830482 3.84491792,1.92597201 C3.84491792,2.98973561 2.98428222,3.8525661 1.92370086,3.8525661 C0.858772849,3.8525661 0,2.98973561 0,1.92597201 C0,0.862830482 0.858772849,0 1.92370086,0 L1.92370086,0 Z M0.263282493,5.3125972 L3.58225637,5.3125972 L3.58225637,16 L0.263282493,16 L0.263282493,5.3125972 Z M5.6618155,5.3125972 L8.8398339,5.3125972 L8.8398339,6.77387247 L8.88578414,6.77387247 C9.32790003,5.93343701 10.4095937,5.04758942 12.0221989,5.04758942 C15.3796717,5.04758942 16,7.26034215 16,10.1387247 L16,16 L12.6847518,16 L12.6847518,10.8024883 C12.6847518,9.56329705 12.6636395,7.9688958 10.9622385,7.9688958 C9.23662048,7.9688958 8.97333799,9.31944012 8.97333799,10.7141524 L8.97333799,16 L5.6618155,16 L5.6618155,5.3125972"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M0,7.99703014 C0,7.4463856 0.443353176,7 1.0093689,7 L2.9906311,7 C3.54809015,7 4,7.44386482 4,8 L4,8 C4,8.55228475 3.55613518,9 3,9 L2.24523926,9 C2.10979736,9 2,9.11539841 2,9.25021791 L2,12.7497821 C2,12.8879736 2.10374069,13 2.25063705,13 L13.7493629,13 C13.887786,13 14,12.8846016 14,12.7497821 L14,9.25021791 C14,9.11202638 13.8924713,9 13.7547607,9 L13,9 C12.4477153,9 12,8.55613518 12,8 L12,8 C12,7.44771525 12.4433532,7 13.0093689,7 L14.9906311,7 C15.5480902,7 16,7.45303631 16,7.99703014 L16,14.0029699 C16,14.5536144 15.5553691,15 14.9991283,15 L1.00087166,15 C0.448105505,15 0,14.5469637 0,14.0029699 L0,7.99703014 Z M7,5 L4.99895656,5 C4.44724809,5 4.31387329,4.68612671 4.70591205,4.29408795 L7.64502668,1.35497332 C7.84107303,1.15892697 8.15192032,1.15192032 8.35497332,1.35497332 L11.2940879,4.29408795 C11.6839524,4.68395241 11.5573397,5 11.0010434,5 L9,5 L9,10.009222 C9,10.5564136 8.55613518,11 8,11 L8,11 C7.44771525,11 7,10.5490248 7,10.009222 L7,5 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon lockIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon facebookIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M13,7 L13.9931545,7 C14.5492199,7 15,7.4463114 15,7.99754465 L15,15.0026639 C15,15.5534774 14.5500512,16 13.9931545,16 L2.00684547,16 C1.45078007,16 1,15.5468246 1,15.0026639 L1,7.99754465 C1,7.44661595 1.44994876,7 2.00684547,7 L3,7 L3,4.99668583 C3,2.23709245 5.24419519,0 8,0 C10.7614237,0 13,2.24157855 13,4.99668583 L13,7 Z M11,7 L11,4.99668583 C11,3.34461797 9.6553241,2 8,2 C6.34618032,2 5,3.34424456 5,4.99668583 L5,7 L11,7 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M6.36466699,16 L6.36466699,8.70169121 L4,8.70169121 L4,5.85735974 L6.36466699,5.85735974 L6.36466699,3.75977121 C6.36466699,1.32549518 7.79607203,0 9.8868861,0 C10.8883393,0 11.7490588,0.0774635455 12,0.1120644 L12,2.65600395 L10.5498305,2.65671009 C9.41281051,2.65671009 9.19266757,3.21787946 9.19266757,4.0413798 L9.19266757,5.85735974 L11.9044098,5.85735974 L11.5512837,8.70169121 L9.19266757,8.70169121 L9.19266757,16 L6.36466699,16 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon moreIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon gifIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M3.15491775,7.6017025 L5.87242145,7.6017025 L5.87242145,11.1531987 C5.43199623,11.2968835 5.0173468,11.3976176 4.6284607,11.4554039 C4.23957461,11.5131902 3.84210462,11.5420829 3.43603882,11.5420829 C2.40213282,11.5420829 1.61265903,11.238319 1.06759379,10.6307821 C0.522528537,10.0232451 0.25,9.15099765 0.25,8.01401341 C0.25,6.90826499 0.566258044,6.04616899 1.19878362,5.42769954 C1.8313092,4.80923009 2.70824199,4.5 3.82960832,4.5 C4.53241452,4.5 5.21022188,4.64055913 5.86305075,4.92168161 L5.38045957,6.08364871 C4.88068628,5.83376206 4.36061749,5.70882061 3.82023762,5.70882061 C3.19239742,5.70882061 2.68950808,5.91965931 2.31155453,6.34134302 C1.93360098,6.76302674 1.74462704,7.32994857 1.74462704,8.04212551 C1.74462704,8.78553829 1.89689943,9.353241 2.20144878,9.74525068 C2.50599813,10.1372604 2.94875939,10.3332623 3.52974584,10.3332623 C3.8327334,10.3332623 4.14040172,10.3020269 4.45276003,10.2395552 L4.45276003,8.81052311 L3.15491775,8.81052311 L3.15491775,7.6017025 Z M8.03601252,11.4483758 L8.03601252,4.59839238 L9.48847139,4.59839238 L9.48847139,11.4483758 L8.03601252,11.4483758 Z M13.1748016,11.4483758 L11.7457695,11.4483758 L11.7457695,4.59839238 L15.6720938,4.59839238 L15.6720938,5.78847158 L13.1748016,5.78847158 L13.1748016,7.55484899 L15.4987358,7.55484899 L15.4987358,8.74024284 L13.1748016,8.74024284 L13.1748016,11.4483758 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon googleIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M5.44217687,7.71428571 L5.44217687,9.6 L8.52866861,9.6 C8.404276,10.4092857 7.595724,11.9728571 5.44217687,11.9728571 C3.5840622,11.9728571 2.06802721,10.4171429 2.06802721,8.5 C2.06802721,6.58285714 3.5840622,5.02714286 5.44217687,5.02714286 C6.49951409,5.02714286 7.20699708,5.48285714 7.61127308,5.87571429 L9.08843537,4.43785714 C8.13994169,3.54214286 6.91156463,3 5.44217687,3 C2.43343052,3 0,5.45928571 0,8.5 C0,11.5407143 2.43343052,14 5.44217687,14 C8.58309038,14 10.6666667,11.7685714 10.6666667,8.62571429 C10.6666667,8.26428571 10.627794,7.98928571 10.5811467,7.71428571 L5.44217687,7.71428571 L5.44217687,7.71428571 Z M16,7.88888889 L14.8148148,7.88888889 L14.8148148,6.66666667 L13.6296296,6.66666667 L13.6296296,7.88888889 L12.4444444,7.88888889 L12.4444444,9.11111111 L13.6296296,9.11111111 L13.6296296,10.3333333 L14.8148148,10.3333333 L14.8148148,9.11111111 L16,9.11111111"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon imageIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M14,10.8181818 L14,3.50964952 C14,3.22765279 13.7759869,3 13.4996527,3 L2.50034732,3 C2.22900057,3 2,3.22817786 2,3.50964952 L2,12.1818182 L4.75824553,9.67432225 C5.16790521,9.30190435 5.79525757,9.32806396 6.1639905,9.73776722 L7.06880734,10.7431193 L9.82559204,7.73571777 C10.1980573,7.32939207 10.8035382,7.33113256 11.174408,7.73571777 L14,10.8181818 Z M0,3.00585866 C0,1.89805351 0.894513756,1 1.99406028,1 L14.0059397,1 C15.1072288,1 16,1.89706013 16,3.00585866 L16,12.9941413 C16,14.1019465 15.1054862,15 14.0059397,15 L1.99406028,15 C0.892771196,15 0,14.1029399 0,12.9941413 L0,3.00585866 Z M4.5,7 C5.32842712,7 6,6.32842712 6,5.5 C6,4.67157288 5.32842712,4 4.5,4 C3.67157288,4 3,4.67157288 3,5.5 C3,6.32842712 3.67157288,7 4.5,7 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon instagramIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M7.99749206,0.00504761905 C5.82549206,0.00504761905 5.55314286,0.0142539683 4.70012698,0.0531746032 C3.84888889,0.092 3.26752381,0.227206349 2.7588254,0.424920635 C2.23292063,0.629269841 1.78692063,0.902730159 1.34228571,1.34733333 C0.89768254,1.79196825 0.624222222,2.23796825 0.419873016,2.76387302 C0.22215873,3.27257143 0.086952381,3.85393651 0.0481269841,4.7051746 C0.00920634921,5.55819048 0,5.83053968 0,8.00253968 C0,10.1745079 0.00920634921,10.4468571 0.0481269841,11.299873 C0.086952381,12.1511111 0.22215873,12.7324762 0.419873016,13.2411746 C0.624222222,13.7670794 0.89768254,14.2130794 1.34228571,14.6577143 C1.78692063,15.1023175 2.23292063,15.3757778 2.7588254,15.5801587 C3.26752381,15.7778413 3.84888889,15.9130476 4.70012698,15.951873 C5.55314286,15.9907937 5.82549206,16 7.99749206,16 C10.1694603,16 10.4418095,15.9907937 11.2948254,15.951873 C12.1460635,15.9130476 12.7274286,15.7778413 13.236127,15.5801587 C13.7620317,15.3757778 14.2080317,15.1023175 14.6526667,14.6577143 C15.0972698,14.2130794 15.3707302,13.7670794 15.5751111,13.2411746 C15.7727937,12.7324762 15.908,12.1511111 15.9468254,11.299873 C15.985746,10.4468571 15.9949524,10.1745079 15.9949524,8.00253968 C15.9949524,5.83053968 15.985746,5.55819048 15.9468254,4.7051746 C15.908,3.85393651 15.7727937,3.27257143 15.5751111,2.76387302 C15.3707302,2.23796825 15.0972698,1.79196825 14.6526667,1.34733333 C14.2080317,0.902730159 13.7620317,0.629269841 13.236127,0.424920635 C12.7274286,0.227206349 12.1460635,0.092 11.2948254,0.0531746032 C10.4418095,0.0142539683 10.1694603,0.00504761905 7.99749206,0.00504761905 L7.99749206,0.00504761905 Z M7.99749206,1.44603175 C10.1328889,1.44603175 10.3858413,1.45419048 11.2291429,1.49266667 C12.0088889,1.52822222 12.4323492,1.65850794 12.7141587,1.76803175 C13.0874603,1.91311111 13.353873,2.0864127 13.6337143,2.36628571 C13.9135873,2.64612698 14.0868889,2.91253968 14.2319683,3.28584127 C14.3414921,3.56765079 14.4717778,3.99111111 14.5073333,4.77085714 C14.5458095,5.61415873 14.5539683,5.86711111 14.5539683,8.00253968 C14.5539683,10.1379365 14.5458095,10.3908889 14.5073333,11.2341905 C14.4717778,12.0139365 14.3414921,12.4373968 14.2319683,12.7192063 C14.0868889,13.0925079 13.9135873,13.3589206 13.6337143,13.6387619 C13.353873,13.9186349 13.0874603,14.0919365 12.7141587,14.2370159 C12.4323492,14.3465397 12.0088889,14.4768254 11.2291429,14.512381 C10.3859683,14.5508571 10.1330476,14.5590159 7.99749206,14.5590159 C5.86190476,14.5590159 5.60901587,14.5508571 4.76580952,14.512381 C3.98606349,14.4768254 3.56260317,14.3465397 3.28079365,14.2370159 C2.90749206,14.0919365 2.64107937,13.9186349 2.3612381,13.6387619 C2.08139683,13.3589206 1.90806349,13.0925079 1.76298413,12.7192063 C1.65346032,12.4373968 1.5231746,12.0139365 1.48761905,11.2341905 C1.44914286,10.3908889 1.44098413,10.1379365 1.44098413,8.00253968 C1.44098413,5.86711111 1.44914286,5.61415873 1.48761905,4.77085714 C1.5231746,3.99111111 1.65346032,3.56765079 1.76298413,3.28584127 C1.90806349,2.91253968 2.08136508,2.64612698 2.3612381,2.36628571 C2.64107937,2.0864127 2.90749206,1.91311111 3.28079365,1.76803175 C3.56260317,1.65850794 3.98606349,1.52822222 4.76580952,1.49266667 C5.60911111,1.45419048 5.86206349,1.44603175 7.99749206,1.44603175 L7.99749206,1.44603175 Z"
+    />
+    <path
+      d="M7.99749206,10.6683492 C6.5251746,10.6683492 5.33165079,9.4748254 5.33165079,8.00253968 C5.33165079,6.53022222 6.5251746,5.33669841 7.99749206,5.33669841 C9.46977778,5.33669841 10.6633016,6.53022222 10.6633016,8.00253968 C10.6633016,9.4748254 9.46977778,10.6683492 7.99749206,10.6683492 L7.99749206,10.6683492 Z M7.99749206,3.89571429 C5.72933333,3.89571429 3.89066667,5.73438095 3.89066667,8.00253968 C3.89066667,10.2706667 5.72933333,12.1093333 7.99749206,12.1093333 C10.265619,12.1093333 12.1042857,10.2706667 12.1042857,8.00253968 C12.1042857,5.73438095 10.265619,3.89571429 7.99749206,3.89571429 L7.99749206,3.89571429 Z"
+    />
+    <path
+      d="M13.226254,3.73346032 C13.226254,4.26349206 12.7965714,4.69314286 12.2665397,4.69314286 C11.7365397,4.69314286 11.3068571,4.26349206 11.3068571,3.73346032 C11.3068571,3.20342857 11.7365397,2.77374603 12.2665397,2.77374603 C12.7965714,2.77374603 13.226254,3.20342857 13.226254,3.73346032"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon large 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "2rem",
+      "width": "2rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      transform="translate(0.000000, 0.500000)"
     >
+      <ellipse
+        cx="3.5"
+        cy="7.5"
+        rx="1"
+        ry="1"
+      />
       <path
-        d="M2,4 C0.8954305,4 0,3.1045695 0,2 C0,0.8954305 0.8954305,0 2,0 C3.1045695,0 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 Z M2,3 C2.55228475,3 3,2.55228475 3,2 C3,1.44771525 2.55228475,1 2,1 C1.44771525,1 1,1.44771525 1,2 C1,2.55228475 1.44771525,3 2,3 Z"
+        d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
       />
       <path
-        d="M8,4 C6.8954305,4 6,3.1045695 6,2 C6,0.8954305 6.8954305,0 8,0 C9.1045695,0 10,0.8954305 10,2 C10,3.1045695 9.1045695,4 8,4 Z M8,3 C8.55228475,3 9,2.55228475 9,2 C9,1.44771525 8.55228475,1 8,1 C7.44771525,1 7,1.44771525 7,2 C7,2.55228475 7.44771525,3 8,3 Z"
+        d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
       />
       <path
-        d="M14,4 C12.8954305,4 12,3.1045695 12,2 C12,0.8954305 12.8954305,0 14,0 C15.1045695,0 16,0.8954305 16,2 C16,3.1045695 15.1045695,4 14,4 Z M14,3 C14.5522847,3 15,2.55228475 15,2 C15,1.44771525 14.5522847,1 14,1 C13.4477153,1 13,1.44771525 13,2 C13,2.55228475 13.4477153,3 14,3 Z"
+        d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon newTabIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon likeIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M10.0030683,3 L1.32719676,3 C0.598808254,3 0,3.5951808 0,4.32937352 L0,12.3372931 C0,13.0703241 0.594206228,13.6666667 1.32719676,13.6666667 L12.0061366,13.6666667 C12.7345251,13.6666667 13.3333333,13.0714859 13.3333333,12.3372931 L13.3333333,6.33135343 L13.3333333,8.33333333 L12,8.33333333 L12,12.3333333 L1.33333333,12.3333333 L1.33333333,4.33333333 L8,4.33333333 L8,3 L10.0030683,3 Z"
-      />
-      <rect
-        height="6.66666667"
-        id="Rectangle-5"
-        rx="0.666666667"
-        width="1.33333333"
-        x="12"
-        y="0.333333333"
-      />
-      <rect
-        height="1.33333333"
-        id="Rectangle-6"
-        rx="0.666666667"
-        width="6.66666667"
-        x="9.33333333"
-        y="3"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M8,3.625 C7.40444444,2.1095 5.736,1 4,1 C1.73955556,1 0,2.6905 0,4.9375 C0,8.025375 3.37155556,10.41325 8,15 C12.6284444,10.41325 16,8.025375 16,4.9375 C16,2.6905 14.2604444,1 12,1 C10.2622222,1 8.59555556,2.1095 8,3.625 Z"
+    />
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon notificationCloseIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon linkIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z"
-      />
-      <path
-        d="M7.5925592,8.6925592 L4.2925592,8.6925592 L4.2925592,8.6925592 C3.98880259,8.6925592 3.7425592,8.44631584 3.7425592,8.1425592 L3.7425592,8.1425592 L3.7425592,8.1425592 C3.7425592,7.83880259 3.98880259,7.59255921 4.2925592,7.59255921 L7.5925592,7.59255921 L7.5925592,4.29255921 L7.5925592,4.29255921 C7.5925592,3.98880259 7.83880259,3.74255921 8.1425592,3.74255921 L8.1425592,3.74255921 L8.1425592,3.74255921 C8.44631584,3.74255921 8.6925592,3.98880259 8.6925592,4.29255921 L8.6925592,7.59255921 L11.9925592,7.59255921 L11.9925592,7.59255921 C12.2963158,7.59255921 12.5425592,7.83880259 12.5425592,8.1425592 L12.5425592,8.1425592 L12.5425592,8.1425592 C12.5425592,8.44631584 12.2963158,8.6925592 11.9925592,8.6925592 L8.6925592,8.6925592 L8.6925592,11.9925592 L8.6925592,11.9925592 C8.6925592,12.2963158 8.44631584,12.5425592 8.1425592,12.5425592 L8.1425592,12.5425592 L8.1425592,12.5425592 C7.83880259,12.5425592 7.5925592,12.2963158 7.5925592,11.9925592 L7.5925592,8.6925592 Z"
-        transform="translate(8.142559, 8.142559) rotate(45.000000) translate(-8.142559, -8.142559)"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M9.75995661,8.74004339 L11.8548563,6.64514375 L12.7902875,5.70971251 C13.1833733,5.31662673 13.1822509,4.68225089 12.7902875,4.29028749 L11.7097125,3.20971251 C11.3166267,2.81662673 10.6822509,2.81774911 10.2902875,3.20971251 L9.35485625,4.14514375 L7.25997338,6.24002662 C6.6393869,5.45249932 6.69075004,4.30924996 7.41942501,3.58057499 L9.58057499,1.41942501 C10.3645018,0.635498224 11.6332535,0.633253455 12.419425,1.41942501 L14.580575,3.58057499 C15.3645018,4.36450178 15.3667465,5.63325346 14.580575,6.41942501 L12.419425,8.58057499 C11.6926854,9.30731459 10.5492765,9.3622592 9.75995661,8.74004339 Z M6.24004339,7.25995661 L4.14514375,9.35485625 L3.20971251,10.2902875 C2.81662673,10.6833733 2.81774911,11.3177491 3.20971251,11.7097125 L4.29028749,12.7902875 C4.68337327,13.1833733 5.31774911,13.1822509 5.70971251,12.7902875 L6.64514375,11.8548563 L8.74002662,9.75997338 C9.3606131,10.5475007 9.30924996,11.69075 8.58057499,12.419425 L6.41942501,14.580575 C5.63549822,15.3645018 4.36674654,15.3667465 3.58057499,14.580575 L1.41942501,12.419425 C0.635498224,11.6354982 0.633253455,10.3667465 1.41942501,9.58057499 L3.58057499,7.41942501 C4.30731459,6.69268541 5.45072355,6.6377408 6.24004339,7.25995661 Z M10.1426411,4.85735893 C10.340005,4.65999504 10.65625,4.65625 10.8497515,4.84975147 L11.1502485,5.15024853 C11.3434109,5.34341093 11.3395145,5.66048551 11.1426411,5.85735893 L5.85735893,11.1426411 C5.65999504,11.340005 5.34375,11.34375 5.15024853,11.1502485 L4.84975147,10.8497515 C4.65658907,10.6565891 4.66048551,10.3395145 4.85735893,10.1426411 L10.1426411,4.85735893 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon linkedInIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M1.92370086,0 C2.98428222,0 3.84491792,0.862830482 3.84491792,1.92597201 C3.84491792,2.98973561 2.98428222,3.8525661 1.92370086,3.8525661 C0.858772849,3.8525661 0,2.98973561 0,1.92597201 C0,0.862830482 0.858772849,0 1.92370086,0 L1.92370086,0 Z M0.263282493,5.3125972 L3.58225637,5.3125972 L3.58225637,16 L0.263282493,16 L0.263282493,5.3125972 Z M5.6618155,5.3125972 L8.8398339,5.3125972 L8.8398339,6.77387247 L8.88578414,6.77387247 C9.32790003,5.93343701 10.4095937,5.04758942 12.0221989,5.04758942 C15.3796717,5.04758942 16,7.26034215 16,10.1387247 L16,16 L12.6847518,16 L12.6847518,10.8024883 C12.6847518,9.56329705 12.6636395,7.9688958 10.9622385,7.9688958 C9.23662048,7.9688958 8.97333799,9.31944012 8.97333799,10.7141524 L8.97333799,16 L5.6618155,16 L5.6618155,5.3125972"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon lockIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M13,7 L13.9931545,7 C14.5492199,7 15,7.4463114 15,7.99754465 L15,15.0026639 C15,15.5534774 14.5500512,16 13.9931545,16 L2.00684547,16 C1.45078007,16 1,15.5468246 1,15.0026639 L1,7.99754465 C1,7.44661595 1.44994876,7 2.00684547,7 L3,7 L3,4.99668583 C3,2.23709245 5.24419519,0 8,0 C10.7614237,0 13,2.24157855 13,4.99668583 L13,7 Z M11,7 L11,4.99668583 C11,3.34461797 9.6553241,2 8,2 C6.34618032,2 5,3.34424456 5,4.99668583 L5,7 L11,7 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon moreIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M2,4 C0.8954305,4 0,3.1045695 0,2 C0,0.8954305 0.8954305,0 2,0 C3.1045695,0 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 Z M2,3 C2.55228475,3 3,2.55228475 3,2 C3,1.44771525 2.55228475,1 2,1 C1.44771525,1 1,1.44771525 1,2 C1,2.55228475 1.44771525,3 2,3 Z"
+    />
+    <path
+      d="M8,4 C6.8954305,4 6,3.1045695 6,2 C6,0.8954305 6.8954305,0 8,0 C9.1045695,0 10,0.8954305 10,2 C10,3.1045695 9.1045695,4 8,4 Z M8,3 C8.55228475,3 9,2.55228475 9,2 C9,1.44771525 8.55228475,1 8,1 C7.44771525,1 7,1.44771525 7,2 C7,2.55228475 7.44771525,3 8,3 Z"
+    />
+    <path
+      d="M14,4 C12.8954305,4 12,3.1045695 12,2 C12,0.8954305 12.8954305,0 14,0 C15.1045695,0 16,0.8954305 16,2 C16,3.1045695 15.1045695,4 14,4 Z M14,3 C14.5522847,3 15,2.55228475 15,2 C15,1.44771525 14.5522847,1 14,1 C13.4477153,1 13,1.44771525 13,2 C13,2.55228475 13.4477153,3 14,3 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon newTabIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M10.0030683,3 L1.32719676,3 C0.598808254,3 0,3.5951808 0,4.32937352 L0,12.3372931 C0,13.0703241 0.594206228,13.6666667 1.32719676,13.6666667 L12.0061366,13.6666667 C12.7345251,13.6666667 13.3333333,13.0714859 13.3333333,12.3372931 L13.3333333,6.33135343 L13.3333333,8.33333333 L12,8.33333333 L12,12.3333333 L1.33333333,12.3333333 L1.33333333,4.33333333 L8,4.33333333 L8,3 L10.0030683,3 Z"
+    />
+    <rect
+      height="6.66666667"
+      id="Rectangle-5"
+      rx="0.666666667"
+      width="1.33333333"
+      x="12"
+      y="0.333333333"
+    />
+    <rect
+      height="1.33333333"
+      id="Rectangle-6"
+      rx="0.666666667"
+      width="6.66666667"
+      x="9.33333333"
+      y="3"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon notificationCloseIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z"
+    />
+    <path
+      d="M7.5925592,8.6925592 L4.2925592,8.6925592 L4.2925592,8.6925592 C3.98880259,8.6925592 3.7425592,8.44631584 3.7425592,8.1425592 L3.7425592,8.1425592 L3.7425592,8.1425592 C3.7425592,7.83880259 3.98880259,7.59255921 4.2925592,7.59255921 L7.5925592,7.59255921 L7.5925592,4.29255921 L7.5925592,4.29255921 C7.5925592,3.98880259 7.83880259,3.74255921 8.1425592,3.74255921 L8.1425592,3.74255921 L8.1425592,3.74255921 C8.44631584,3.74255921 8.6925592,3.98880259 8.6925592,4.29255921 L8.6925592,7.59255921 L11.9925592,7.59255921 L11.9925592,7.59255921 C12.2963158,7.59255921 12.5425592,7.83880259 12.5425592,8.1425592 L12.5425592,8.1425592 L12.5425592,8.1425592 C12.5425592,8.44631584 12.2963158,8.6925592 11.9925592,8.6925592 L8.6925592,8.6925592 L8.6925592,11.9925592 L8.6925592,11.9925592 C8.6925592,12.2963158 8.44631584,12.5425592 8.1425592,12.5425592 L8.1425592,12.5425592 L8.1425592,12.5425592 C7.83880259,12.5425592 7.5925592,12.2963158 7.5925592,11.9925592 L7.5925592,8.6925592 Z"
+      transform="translate(8.142559, 8.142559) rotate(45.000000) translate(-8.142559, -8.142559)"
+    />
+  </g>
+</svg>
 `;
 
 exports[`Snapshots Icon notificationIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z"
-      />
-      <path
-        d="M8,12 C7.5581722,12 7.2,11.6418278 7.2,11.2 C7.2,10.7581722 7.5581722,10.4 8,10.4 C8.44182776,10.4 8.8,10.7581722 8.8,11.2 C8.8,11.6418278 8.44182776,12 8,12 Z M7.37183622,4 L8.62816376,4 L8.62816376,4 C8.71652936,4 8.78816376,4.07163444 8.78816376,4.16 C8.78816376,4.16380346 8.78802816,4.16760573 8.7877572,4.17139953 L8.41061432,9.45139952 L8.41061432,9.45139952 C8.40463368,9.5351284 8.33496312,9.6 8.25102096,9.6 L7.74897907,9.6 L7.74897907,9.6 C7.66503689,9.6 7.59536631,9.5351284 7.58938568,9.45139952 L7.21224282,4.17139953 L7.21224282,4.17139953 C7.20594704,4.08325853 7.27229569,4.00670239 7.36043669,4.00040661 C7.36423049,4.00013562 7.36803274,4 7.37183622,4 L7.37183622,4 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z"
+    />
+    <path
+      d="M8,12 C7.5581722,12 7.2,11.6418278 7.2,11.2 C7.2,10.7581722 7.5581722,10.4 8,10.4 C8.44182776,10.4 8.8,10.7581722 8.8,11.2 C8.8,11.6418278 8.44182776,12 8,12 Z M7.37183622,4 L8.62816376,4 L8.62816376,4 C8.71652936,4 8.78816376,4.07163444 8.78816376,4.16 C8.78816376,4.16380346 8.78802816,4.16760573 8.7877572,4.17139953 L8.41061432,9.45139952 L8.41061432,9.45139952 C8.40463368,9.5351284 8.33496312,9.6 8.25102096,9.6 L7.74897907,9.6 L7.74897907,9.6 C7.66503689,9.6 7.59536631,9.5351284 7.58938568,9.45139952 L7.21224282,4.17139953 L7.21224282,4.17139953 C7.20594704,4.08325853 7.27229569,4.00670239 7.36043669,4.00040661 C7.36423049,4.00013562 7.36803274,4 7.37183622,4 L7.37183622,4 Z"
+    />
+  </g>
+</svg>
 `;
 
 exports[`Snapshots Icon pabloIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M14.787916,4.17370169 C15.3982182,5.31031723 15.7450655,6.61399751 15.7450655,8 C15.7450655,12.418278 12.2204125,16 7.87253276,16 C3.52465298,16 0,12.418278 0,8 C0,3.581722 3.52465298,0 7.87253276,0 C9.60276488,0 11.2026283,0.567212195 12.5018784,1.52863538 L11.4646748,3.13728606 C10.4643144,2.3729689 9.22047903,1.92 7.87253276,1.92 C4.56814412,1.92 1.88940786,4.64210872 1.88940786,8 C1.88940786,11.3578913 4.56814412,14.08 7.87253276,14.08 C11.1769214,14.08 13.8556577,11.3578913 13.8556577,8 C13.8556577,7.16773624 13.6910998,6.37452934 13.3932441,5.6521455 C11.9318042,7.19211745 10.494696,8.68395438 10.494696,8.68395438 L9.39047904,7.75227814 C9.39047904,7.75227814 12.9307127,2.88115286 14.2016372,1.23370858 C14.3041259,1.10085696 15.8980477,1.51489069 16,2.85769757 C15.7014598,3.19169966 15.2741911,3.65411706 14.787916,4.17370169 Z M4.76500248,10.9456533 C7.4803179,11.1729897 6.50908212,8.25761877 9.02106348,8.23016715 L10.1092911,9.14849535 C10.380777,12.4621247 6.37049434,13.2016816 4.76500248,10.9456533 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M14.787916,4.17370169 C15.3982182,5.31031723 15.7450655,6.61399751 15.7450655,8 C15.7450655,12.418278 12.2204125,16 7.87253276,16 C3.52465298,16 0,12.418278 0,8 C0,3.581722 3.52465298,0 7.87253276,0 C9.60276488,0 11.2026283,0.567212195 12.5018784,1.52863538 L11.4646748,3.13728606 C10.4643144,2.3729689 9.22047903,1.92 7.87253276,1.92 C4.56814412,1.92 1.88940786,4.64210872 1.88940786,8 C1.88940786,11.3578913 4.56814412,14.08 7.87253276,14.08 C11.1769214,14.08 13.8556577,11.3578913 13.8556577,8 C13.8556577,7.16773624 13.6910998,6.37452934 13.3932441,5.6521455 C11.9318042,7.19211745 10.494696,8.68395438 10.494696,8.68395438 L9.39047904,7.75227814 C9.39047904,7.75227814 12.9307127,2.88115286 14.2016372,1.23370858 C14.3041259,1.10085696 15.8980477,1.51489069 16,2.85769757 C15.7014598,3.19169966 15.2741911,3.65411706 14.787916,4.17370169 Z M4.76500248,10.9456533 C7.4803179,11.1729897 6.50908212,8.25761877 9.02106348,8.23016715 L10.1092911,9.14849535 C10.380777,12.4621247 6.37049434,13.2016816 4.76500248,10.9456533 Z"
+    />
+  </g>
+</svg>
 `;
 
 exports[`Snapshots Icon personIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M8,10 C6.34314575,10 5,8.209139 5,6 C5,3.790861 6.34314575,2 8,2 C9.65685425,2 11,3.790861 11,6 C11,8.209139 9.65685425,10 8,10 Z M2,12.5 C2,11.6715729 2.67955446,11 3.49554521,11 L12.5044548,11 C13.3304216,11 14,11.6657972 14,12.5 L14,14 L2,14 L2,12.5 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M8,10 C6.34314575,10 5,8.209139 5,6 C5,3.790861 6.34314575,2 8,2 C9.65685425,2 11,3.790861 11,6 C11,8.209139 9.65685425,10 8,10 Z M2,12.5 C2,11.6715729 2.67955446,11 3.49554521,11 L12.5044548,11 C13.3304216,11 14,11.6657972 14,12.5 L14,14 L2,14 L2,12.5 Z"
+    />
+  </g>
+</svg>
 `;
 
 exports[`Snapshots Icon personsIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M7.5,2.22760761 C7.18722107,2.08020563 6.85063542,2 6.5,2 C4.84314575,2 3.5,3.790861 3.5,6 C3.5,8.209139 4.84314575,10 6.5,10 C6.85063542,10 7.18722107,9.91979437 7.5,9.77239239 C6.33480763,9.22327718 5.5,7.7416251 5.5,6 C5.5,4.2583749 6.33480763,2.77672282 7.5,2.22760761 Z M7.5,11 L1.99554521,11 C1.17955446,11 0.5,11.6715729 0.5,12.5 L0.5,14 L7.5,14 L2.5,14 L2.5,12.5 C2.5,11.6715729 3.17955446,11 3.99554521,11 L7.5,11 Z"
-      />
-      <path
-        d="M9.5,10 C7.84314575,10 6.5,8.209139 6.5,6 C6.5,3.790861 7.84314575,2 9.5,2 C11.1568542,2 12.5,3.790861 12.5,6 C12.5,8.209139 11.1568542,10 9.5,10 Z M3.5,12.5 C3.5,11.6715729 4.17955446,11 4.99554521,11 L14.0044548,11 C14.8304216,11 15.5,11.6657972 15.5,12.5 L15.5,14 L3.5,14 L3.5,12.5 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M7.5,2.22760761 C7.18722107,2.08020563 6.85063542,2 6.5,2 C4.84314575,2 3.5,3.790861 3.5,6 C3.5,8.209139 4.84314575,10 6.5,10 C6.85063542,10 7.18722107,9.91979437 7.5,9.77239239 C6.33480763,9.22327718 5.5,7.7416251 5.5,6 C5.5,4.2583749 6.33480763,2.77672282 7.5,2.22760761 Z M7.5,11 L1.99554521,11 C1.17955446,11 0.5,11.6715729 0.5,12.5 L0.5,14 L7.5,14 L2.5,14 L2.5,12.5 C2.5,11.6715729 3.17955446,11 3.99554521,11 L7.5,11 Z"
+    />
+    <path
+      d="M9.5,10 C7.84314575,10 6.5,8.209139 6.5,6 C6.5,3.790861 7.84314575,2 9.5,2 C11.1568542,2 12.5,3.790861 12.5,6 C12.5,8.209139 11.1568542,10 9.5,10 Z M3.5,12.5 C3.5,11.6715729 4.17955446,11 4.99554521,11 L14.0044548,11 C14.8304216,11 15.5,11.6657972 15.5,12.5 L15.5,14 L3.5,14 L3.5,12.5 Z"
+    />
+  </g>
+</svg>
 `;
 
 exports[`Snapshots Icon pinterestIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M7.7248357,0 C3.33186737,0 1,2.81015219 1,5.87249753 C1,7.29461784 1.79409827,9.06639971 3.06559767,9.6301856 C3.2591705,9.7161211 3.36141721,9.67846053 3.4053137,9.50107822 C3.43936025,9.36594924 3.61173428,8.70785883 3.68839255,8.40065471 C3.71376686,8.30257393 3.7012403,8.21837347 3.61719458,8.12141536 C3.19867899,7.63703306 2.86153251,6.74165043 2.86153251,5.90821894 C2.86153251,3.76881274 4.56118331,1.69860401 7.45631764,1.69860401 C9.95809656,1.69860401 11.7075324,3.32188689 11.7075324,5.64500319 C11.7075324,8.27011848 10.3191184,10.0879299 8.50897696,10.0879299 C7.50952875,10.0879299 6.7613612,9.3016507 7.00118595,8.33390671 C7.28918977,7.18132994 7.844641,5.93536721 7.844641,5.10479343 C7.844641,4.35842011 7.4249477,3.73717378 6.55643952,3.73717378 C5.53547133,3.73717378 4.71439278,4.74461956 4.71439278,6.09437851 C4.71439278,6.95352942 5.01952694,7.53405334 5.01952694,7.53405334 C5.01952694,7.53405334 4.01129944,11.6006806 3.82704123,12.3575662 C3.51259245,13.642006 3.86804698,15.7232373 3.89941691,15.9050083 C3.91536954,16.0025787 4.02907216,16.0355445 4.09331093,15.9534873 C4.19245277,15.8274418 5.40838563,14.089136 5.75227718,12.8321506 C5.87433085,12.3785908 6.38470788,10.5256703 6.38470788,10.5256703 C6.71832123,11.129158 7.68618537,11.6394638 8.7176459,11.6394638 C11.7870814,11.6394638 14,8.94729433 14,5.60458696 C14,2.3985395 11.256148,0 7.7248357,0"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M7.7248357,0 C3.33186737,0 1,2.81015219 1,5.87249753 C1,7.29461784 1.79409827,9.06639971 3.06559767,9.6301856 C3.2591705,9.7161211 3.36141721,9.67846053 3.4053137,9.50107822 C3.43936025,9.36594924 3.61173428,8.70785883 3.68839255,8.40065471 C3.71376686,8.30257393 3.7012403,8.21837347 3.61719458,8.12141536 C3.19867899,7.63703306 2.86153251,6.74165043 2.86153251,5.90821894 C2.86153251,3.76881274 4.56118331,1.69860401 7.45631764,1.69860401 C9.95809656,1.69860401 11.7075324,3.32188689 11.7075324,5.64500319 C11.7075324,8.27011848 10.3191184,10.0879299 8.50897696,10.0879299 C7.50952875,10.0879299 6.7613612,9.3016507 7.00118595,8.33390671 C7.28918977,7.18132994 7.844641,5.93536721 7.844641,5.10479343 C7.844641,4.35842011 7.4249477,3.73717378 6.55643952,3.73717378 C5.53547133,3.73717378 4.71439278,4.74461956 4.71439278,6.09437851 C4.71439278,6.95352942 5.01952694,7.53405334 5.01952694,7.53405334 C5.01952694,7.53405334 4.01129944,11.6006806 3.82704123,12.3575662 C3.51259245,13.642006 3.86804698,15.7232373 3.89941691,15.9050083 C3.91536954,16.0025787 4.02907216,16.0355445 4.09331093,15.9534873 C4.19245277,15.8274418 5.40838563,14.089136 5.75227718,12.8321506 C5.87433085,12.3785908 6.38470788,10.5256703 6.38470788,10.5256703 C6.71832123,11.129158 7.68618537,11.6394638 8.7176459,11.6394638 C11.7870814,11.6394638 14,8.94729433 14,5.60458696 C14,2.3985395 11.256148,0 7.7248357,0"
+    />
+  </g>
+</svg>
 `;
 
 exports[`Snapshots Icon plusIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M7,9 L1.00292933,9 C0.449026756,9 0,8.55613518 0,8 L0,8 C0,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M7,9 L1.00292933,9 C0.449026756,9 0,8.55613518 0,8 L0,8 C0,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
+    />
+  </g>
+</svg>
 `;
 
 exports[`Snapshots Icon pricingIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M0.709946632,8.70994663 C0.317853934,8.31785393 0.323517799,7.6764822 0.709946632,7.29005337 L7.29005337,0.709946632 C7.68214607,0.317853934 8.45303631,-1.36510312e-15 8.99703014,-1.3349054e-15 L15.0029699,-1.00150877e-15 C15.5536144,-9.70941855e-16 16,0.453036308 16,0.997030139 L16,7.00296986 C16,7.5536144 15.6764822,8.3235178 15.2900534,8.70994663 L8.70994663,15.2900534 C8.31785393,15.6821461 7.6764822,15.6764822 7.29005337,15.2900534 L0.709946632,8.70994663 Z M2.75,8 L8,13.25 L14,7.25 L14,2 L8.75,2 L2.75,8 Z M11.5,6 C10.6715729,6 10,5.32842712 10,4.5 C10,3.67157288 10.6715729,3 11.5,3 C12.3284271,3 13,3.67157288 13,4.5 C13,5.32842712 12.3284271,6 11.5,6 Z"
-      />
-    </g>
-  </svg>
-</span>
+    <path
+      d="M0.709946632,8.70994663 C0.317853934,8.31785393 0.323517799,7.6764822 0.709946632,7.29005337 L7.29005337,0.709946632 C7.68214607,0.317853934 8.45303631,-1.36510312e-15 8.99703014,-1.3349054e-15 L15.0029699,-1.00150877e-15 C15.5536144,-9.70941855e-16 16,0.453036308 16,0.997030139 L16,7.00296986 C16,7.5536144 15.6764822,8.3235178 15.2900534,8.70994663 L8.70994663,15.2900534 C8.31785393,15.6821461 7.6764822,15.6764822 7.29005337,15.2900534 L0.709946632,8.70994663 Z M2.75,8 L8,13.25 L14,7.25 L14,2 L8.75,2 L2.75,8 Z M11.5,6 C10.6715729,6 10,5.32842712 10,4.5 C10,3.67157288 10.6715729,3 11.5,3 C12.3284271,3 13,3.67157288 13,4.5 C13,5.32842712 12.3284271,6 11.5,6 Z"
+    />
+  </g>
+</svg>
 `;
 
 exports[`Snapshots Icon profileGroupIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M14,12.5 C12.8954305,12.5 12,11.6045695 12,10.5 C12,9.3954305 12.8954305,8.5 14,8.5 C15.1045695,8.5 16,9.3954305 16,10.5 C16,11.6045695 15.1045695,12.5 14,12.5 Z M8,12.5 C6.8954305,12.5 6,11.6045695 6,10.5 C6,9.3954305 6.8954305,8.5 8,8.5 C9.1045695,8.5 10,9.3954305 10,10.5 C10,11.6045695 9.1045695,12.5 8,12.5 Z M14,7.5 C12.8954305,7.5 12,6.6045695 12,5.5 C12,4.3954305 12.8954305,3.5 14,3.5 C15.1045695,3.5 16,4.3954305 16,5.5 C16,6.6045695 15.1045695,7.5 14,7.5 Z M8,7.5 C6.8954305,7.5 6,6.6045695 6,5.5 C6,4.3954305 6.8954305,3.5 8,3.5 C9.1045695,3.5 10,4.3954305 10,5.5 C10,6.6045695 9.1045695,7.5 8,7.5 Z M2,7.5 C0.8954305,7.5 0,6.6045695 0,5.5 C0,4.3954305 0.8954305,3.5 2,3.5 C3.1045695,3.5 4,4.3954305 4,5.5 C4,6.6045695 3.1045695,7.5 2,7.5 Z M2,12.5 C0.8954305,12.5 0,11.6045695 0,10.5 C0,9.3954305 0.8954305,8.5 2,8.5 C3.1045695,8.5 4,9.3954305 4,10.5 C4,11.6045695 3.1045695,12.5 2,12.5 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon questionIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z"
+    />
+    <path
+      d="M6.95019531,9.36035156 L6.95019531,8.96289062 C6.95019531,8.61913891 7.02359953,8.32015101 7.17041016,8.06591797 C7.31722079,7.81168493 7.58577279,7.54134258 7.97607422,7.25488281 C8.35205266,6.98632678 8.60001568,6.76790449 8.7199707,6.59960938 C8.83992573,6.43131426 8.89990234,6.24332786 8.89990234,6.03564453 C8.89990234,5.80289597 8.8139657,5.62565165 8.64208984,5.50390625 C8.47021398,5.38216085 8.23030753,5.32128906 7.92236328,5.32128906 C7.38525122,5.32128906 6.77295266,5.49674304 6.08544922,5.84765625 L5.5,4.67138672 C6.2985066,4.22379333 7.14534058,4 8.04052734,4 C8.77816124,4 9.36449978,4.17724432 9.79956055,4.53173828 C10.2346213,4.88623224 10.4521484,5.35888376 10.4521484,5.94970703 C10.4521484,6.34358921 10.3626311,6.68375508 10.1835938,6.97021484 C10.0045564,7.25667461 9.66439053,7.57893701 9.16308594,7.93701172 C8.81933422,8.19124476 8.6018071,8.3846022 8.51049805,8.51708984 C8.419189,8.64957749 8.37353516,8.82324111 8.37353516,9.03808594 L8.37353516,9.36035156 L6.95019531,9.36035156 Z M6.77832031,11.1972656 C6.77832031,10.8964829 6.85888591,10.6691088 7.02001953,10.5151367 C7.18115315,10.3611646 7.41568856,10.2841797 7.72363281,10.2841797 C8.02083482,10.2841797 8.25089437,10.3629549 8.41381836,10.5205078 C8.57674235,10.6780607 8.65820312,10.9036444 8.65820312,11.1972656 C8.65820312,11.4801446 8.57584718,11.7030428 8.41113281,11.8659668 C8.24641845,12.0288908 8.01725407,12.1103516 7.72363281,12.1103516 C7.42285006,12.1103516 7.19010499,12.0306811 7.02539062,11.8713379 C6.86067626,11.7119946 6.77832031,11.4873061 6.77832031,11.1972656 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon queueIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M4,8 C4,7.44771525 4.45576096,7 5.00247329,7 L14.9975267,7 C15.5511774,7 16,7.44386482 16,8 C16,8.55228475 15.544239,9 14.9975267,9 L5.00247329,9 C4.44882258,9 4,8.55613518 4,8 Z M4,12 C4,11.4477153 4.45576096,11 5.00247329,11 L14.9975267,11 C15.5511774,11 16,11.4438648 16,12 C16,12.5522847 15.544239,13 14.9975267,13 L5.00247329,13 C4.44882258,13 4,12.5561352 4,12 Z M4,4 C4,3.44771525 4.45576096,3 5.00247329,3 L14.9975267,3 C15.5511774,3 16,3.44386482 16,4 C16,4.55228475 15.544239,5 14.9975267,5 L5.00247329,5 C4.44882258,5 4,4.55613518 4,4 Z M0,4 C0,3.44771525 0.443864822,3 1,3 C1.55228475,3 2,3.44386482 2,4 C2,4.55228475 1.55613518,5 1,5 C0.44771525,5 0,4.55613518 0,4 Z M0,8 C0,7.44771525 0.443864822,7 1,7 C1.55228475,7 2,7.44386482 2,8 C2,8.55228475 1.55613518,9 1,9 C0.44771525,9 0,8.55613518 0,8 Z M0,12 C0,11.4477153 0.443864822,11 1,11 C1.55228475,11 2,11.4438648 2,12 C2,12.5522847 1.55613518,13 1,13 C0.44771525,13 0,12.5561352 0,12 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon refreshIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M1.67363116,11 C2.7970951,13.3649473 5.20760404,15 8,15 C11.1710206,15 13.8495721,12.8914889 14.7101213,10 L12.5839563,10 C11.8123997,11.7659048 10.050319,13 8,13 C6.36418217,13 4.91184014,12.2144467 3.99963381,11 L1.67363116,11 Z M1.28987868,6 C2.15042787,3.10851105 4.82897936,1 8,1 C10.792396,1 13.2029049,2.63505267 14.3263688,5 L12.0003662,5 C11.0881599,3.7855533 9.63581783,3 8,3 C5.94968096,3 4.18760031,4.23409522 3.41604369,6 L1.28987868,6 Z M0.316626728,6.37995207 C0.141758615,6.17011034 0.21484375,6 0.497698784,6 L4.50230122,6 C4.77717266,6 4.85110044,6.17867947 4.68337327,6.37995207 L2.81662673,8.62004793 C2.64175861,8.82988966 2.35110044,8.82132053 2.18337327,8.62004793 L0.316626728,6.37995207 Z M11.3166267,9.62004793 L13.1833733,7.37995207 C13.3511004,7.17867947 13.6417586,7.17011034 13.8166267,7.37995207 L15.6833733,9.62004793 C15.8511004,9.82132053 15.7771727,10 15.5023012,10 L11.4976988,10 C11.2148438,10 11.1417586,9.82988966 11.3166267,9.62004793 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon replyIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      transform="translate(8.066952, 8.472268) rotate(-45.000000) translate(-8.066952, -8.472268) translate(0.066952, 1.972268)"
     >
       <path
-        d="M14,12.5 C12.8954305,12.5 12,11.6045695 12,10.5 C12,9.3954305 12.8954305,8.5 14,8.5 C15.1045695,8.5 16,9.3954305 16,10.5 C16,11.6045695 15.1045695,12.5 14,12.5 Z M8,12.5 C6.8954305,12.5 6,11.6045695 6,10.5 C6,9.3954305 6.8954305,8.5 8,8.5 C9.1045695,8.5 10,9.3954305 10,10.5 C10,11.6045695 9.1045695,12.5 8,12.5 Z M14,7.5 C12.8954305,7.5 12,6.6045695 12,5.5 C12,4.3954305 12.8954305,3.5 14,3.5 C15.1045695,3.5 16,4.3954305 16,5.5 C16,6.6045695 15.1045695,7.5 14,7.5 Z M8,7.5 C6.8954305,7.5 6,6.6045695 6,5.5 C6,4.3954305 6.8954305,3.5 8,3.5 C9.1045695,3.5 10,4.3954305 10,5.5 C10,6.6045695 9.1045695,7.5 8,7.5 Z M2,7.5 C0.8954305,7.5 0,6.6045695 0,5.5 C0,4.3954305 0.8954305,3.5 2,3.5 C3.1045695,3.5 4,4.3954305 4,5.5 C4,6.6045695 3.1045695,7.5 2,7.5 Z M2,12.5 C0.8954305,12.5 0,11.6045695 0,10.5 C0,9.3954305 0.8954305,8.5 2,8.5 C3.1045695,8.5 4,9.3954305 4,10.5 C4,11.6045695 3.1045695,12.5 2,12.5 Z"
+        d="M0.0215566657,3.31257555 C0.0215566657,3.03718605 0.238778853,2.81393875 0.523178151,2.81393875 L10.4217198,2.81393875 L10.4217197,0.427889852 C10.4217197,0.149934187 10.5821386,0.0844435872 10.7695555,0.271180514 L15.63441,5.11838601 C15.8265144,5.3097935 15.7566205,5.46495993 15.4870722,5.46495993 L0.516730268,5.46495988 C0.243253439,5.46495988 0.0215566657,5.23893531 0.0215566657,4.96632308 L0.0215566657,3.31257555 Z"
+      />
+      <path
+        d="M15.984894,9.45772119 C15.984894,9.73311069 15.7676718,9.95635798 15.4832725,9.95635798 L5.58473083,9.95635798 L5.58473093,12.3996933 C5.58473094,12.6753679 5.42431198,12.7374758 5.23689513,12.5489472 L0.372040608,7.65523588 C0.179936192,7.46199196 0.249830113,7.30533681 0.519378395,7.30533681 L15.4897204,7.30533686 C15.7631972,7.30533686 15.984894,7.53136143 15.984894,7.80397365 L15.984894,9.45772119 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon questionIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon retweetIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M2.00001778,4 C2.00462751,2.89464321 2.90478822,2 4.0085302,2 L11.9914698,2 C13.1007504,2 14,2.90195036 14,4.0085302 L14,6 L12,6 L12,5 C12,4.44386482 11.5543453,4 11.0046024,4 L2.00001651,4 Z M13.9999822,12 C13.9953725,13.1053568 13.0952118,14 11.9914698,14 L4.0085302,14 C2.8992496,14 2,13.0980496 2,11.9914698 L2,10 L4,10 L4,11 C4,11.5561352 4.44902676,12 5.00292933,12 L9.99707067,12 C10.5621186,12 11.4472481,12 11.9989566,12 L13.9999848,12 Z M2.4001155,6.79984599 C2.73142256,6.35810325 3.26622999,6.35497332 3.5998845,6.79984599 L5.4001155,9.20015401 C5.73142256,9.64189675 5.54902482,10 5.00922203,10 L0.990777969,10 C0.443586406,10 0.266229987,9.64502668 0.599884495,9.20015401 L2.4001155,6.79984599 Z M12.4001155,9.20015401 L10.5998845,6.79984599 C10.26623,6.35497332 10.4435864,6 10.990778,6 L15.009222,6 C15.5490248,6 15.7314226,6.35810325 15.4001155,6.79984599 L13.5998845,9.20015401 C13.26623,9.64502668 12.7314226,9.64189675 12.4001155,9.20015401 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon searchIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M12.6063847,11.1921711 L15.7047831,14.2905695 C16.0964514,14.6822378 16.1001014,15.3136075 15.7068544,15.7068544 C15.3163301,16.0973787 14.6901188,16.1043323 14.2905695,15.7047831 L11.1921711,12.6063847 C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351 13.4815965,10.0235906 12.6063847,11.1921711 Z M7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon settingsIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M11.4765344,12.8907479 C10.7536018,13.4055629 9.91165661,13.7640946 9,13.9170416 L9,14.9991283 C9,15.5518945 8.55613518,16 8,16 C7.44771525,16 7,15.5553691 7,14.9991283 L7,13.9170416 C6.08834339,13.7640946 5.24639817,13.4055629 4.52346564,12.8907479 L3.75797567,13.6562379 C3.36711097,14.0471026 2.73639271,14.0501012 2.34314575,13.6568542 C1.95262146,13.26633 1.95044047,12.635346 2.34376211,12.2420243 L3.10925208,11.4765344 C2.59443708,10.7536018 2.23590544,9.91165661 2.08295844,9 L1.00087166,9 C0.448105505,9 0,8.55613518 0,8 C0,7.44771525 0.444630861,7 1.00087166,7 L2.08295844,7 C2.23590544,6.08834339 2.59443708,5.24639817 3.10925208,4.52346564 L2.34376211,3.75797567 C1.95044047,3.36465403 1.95262146,2.73367004 2.34314575,2.34314575 C2.73639271,1.9498988 3.36711097,1.95289741 3.75797567,2.34376211 L4.52346564,3.10925208 C5.24639817,2.59443708 6.08834339,2.23590544 7,2.08295844 L7,1.00087166 C7,0.448105505 7.44386482,-7.10542736e-15 8,-7.10542736e-15 C8.55228475,-7.10542736e-15 9,0.444630861 9,1.00087166 L9,2.08295844 C9.91165661,2.23590544 10.7536018,2.59443708 11.4765344,3.10925208 L12.2420243,2.34376211 C12.632889,1.95289741 13.2636073,1.9498988 13.6568542,2.34314575 C14.0473785,2.73367004 14.0495595,3.36465403 13.6562379,3.75797567 L12.8907479,4.52346564 C13.4055629,5.24639817 13.7640946,6.08834339 13.9170416,7 L14.9991283,7 C15.5518945,7 16,7.44386482 16,8 C16,8.55228475 15.5553691,9 14.9991283,9 L13.9170416,9 C13.7640946,9.91165661 13.4055629,10.7536018 12.8907479,11.4765344 L13.6562379,12.2420243 C14.0495595,12.635346 14.0473785,13.26633 13.6568542,13.6568542 C13.2636073,14.0501012 12.632889,14.0471026 12.2420243,13.6562379 L11.4765344,12.8907479 Z M8,11 C9.65685425,11 11,9.65685425 11,8 C11,6.34314575 9.65685425,5 8,5 C6.34314575,5 5,6.34314575 5,8 C5,9.65685425 6.34314575,11 8,11 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon shamrock 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#2fd566",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shamrock"
   >
     <g
-      className="shuttleGray"
+      transform="translate(0.000000, 0.500000)"
     >
+      <ellipse
+        cx="3.5"
+        cy="7.5"
+        rx="1"
+        ry="1"
+      />
       <path
-        d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z"
+        d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
       />
       <path
-        d="M6.95019531,9.36035156 L6.95019531,8.96289062 C6.95019531,8.61913891 7.02359953,8.32015101 7.17041016,8.06591797 C7.31722079,7.81168493 7.58577279,7.54134258 7.97607422,7.25488281 C8.35205266,6.98632678 8.60001568,6.76790449 8.7199707,6.59960938 C8.83992573,6.43131426 8.89990234,6.24332786 8.89990234,6.03564453 C8.89990234,5.80289597 8.8139657,5.62565165 8.64208984,5.50390625 C8.47021398,5.38216085 8.23030753,5.32128906 7.92236328,5.32128906 C7.38525122,5.32128906 6.77295266,5.49674304 6.08544922,5.84765625 L5.5,4.67138672 C6.2985066,4.22379333 7.14534058,4 8.04052734,4 C8.77816124,4 9.36449978,4.17724432 9.79956055,4.53173828 C10.2346213,4.88623224 10.4521484,5.35888376 10.4521484,5.94970703 C10.4521484,6.34358921 10.3626311,6.68375508 10.1835938,6.97021484 C10.0045564,7.25667461 9.66439053,7.57893701 9.16308594,7.93701172 C8.81933422,8.19124476 8.6018071,8.3846022 8.51049805,8.51708984 C8.419189,8.64957749 8.37353516,8.82324111 8.37353516,9.03808594 L8.37353516,9.36035156 L6.95019531,9.36035156 Z M6.77832031,11.1972656 C6.77832031,10.8964829 6.85888591,10.6691088 7.02001953,10.5151367 C7.18115315,10.3611646 7.41568856,10.2841797 7.72363281,10.2841797 C8.02083482,10.2841797 8.25089437,10.3629549 8.41381836,10.5205078 C8.57674235,10.6780607 8.65820312,10.9036444 8.65820312,11.1972656 C8.65820312,11.4801446 8.57584718,11.7030428 8.41113281,11.8659668 C8.24641845,12.0288908 8.01725407,12.1103516 7.72363281,12.1103516 C7.42285006,12.1103516 7.19010499,12.0306811 7.02539062,11.8713379 C6.86067626,11.7119946 6.77832031,11.4873061 6.77832031,11.1972656 Z"
+        d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
+      />
+      <path
+        d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon queueIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Icon shuffleIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M3.51755737,5.92913038 L2.588427,5 L1.0093689,5 C0.443353176,5 0,4.55228475 0,4 C0,3.44386482 0.451909848,3 1.0093689,3 L2.9906311,3 C3.29535431,3 3.56452536,3.12976452 3.74810423,3.3357497 C3.76859185,3.35325619 3.78855782,3.3717037 3.8079451,3.39109098 L5.20890904,4.79205492 C5.22623618,4.80938206 5.2428074,4.82713998 5.25862399,4.84529061 L11.0483785,10.6350451 C11.4313539,11.0180205 11.4369476,11.6563851 11.0466664,12.0466663 C10.6536643,12.4396685 10.0243809,12.437714 9.6350452,12.0483783 L3.55162121,5.96495435 C3.53991375,5.95324689 3.52855897,5.94130077 3.51755737,5.92913038 Z M13,9.99077797 C13,9.44358641 13.3210526,9.32105255 13.7109581,9.71095812 L15.6440798,11.6440798 C15.8406491,11.8406491 15.838707,12.161293 15.6440798,12.3559202 L13.7109581,14.2890419 C13.3183068,14.6816932 13,14.5490248 13,14.009222 L13,9.99077797 Z"
+    />
+    <path
+      d="M10.2506527,3.3357497 C10.4342315,3.12976452 10.7034026,3 11.0081258,3 L12.989388,3 C12.9929296,3 12.996467,3.00001792 13,3.00005366 L13,1.99077797 C13,1.44358641 13.3210526,1.32105255 13.7109581,1.71095812 L15.6440798,3.6440798 C15.8406491,3.8406491 15.838707,4.16129303 15.6440798,4.3559202 L13.7109581,6.28904188 C13.3183068,6.68169321 13,6.54902482 13,6.00922203 L13,4.99994748 C12.9964675,4.99998247 12.9929302,5 12.989388,5 L11.4103299,5 L10.2040614,6.20626848 C9.80987834,6.60045156 9.17647,6.60614025 8.78322304,6.2128933 C8.39269875,5.822369 8.3896143,5.19228848 8.78984785,4.79205492 L10.1908118,3.39109098 C10.2101991,3.3717037 10.230165,3.35325619 10.2506527,3.3357497 Z"
+    />
+    <path
+      d="M2.588427,11 L1.0093689,11 C0.443353176,11 0,11.4477153 0,12 C0,12.5561352 0.451909848,13 1.0093689,13 L2.9906311,13 C3.29535431,13 3.56452536,12.8702355 3.74810423,12.6642503 C3.76859185,12.6467438 3.78855782,12.6282963 3.8079451,12.608909 L5.20890904,11.2079451 C5.6091426,10.8077115 5.60605815,10.177631 5.21553385,9.7871067 C4.8222869,9.39385975 4.18887855,9.39954844 3.79469548,9.79373152 L2.588427,11 Z"
+    />
+    <path
+      d="M11.088427,11.0048852 L9.5093689,11.0048852 C8.94335318,11.0048852 8.5,11.4526005 8.5,12.0048852 C8.5,12.5610204 8.95190985,13.0048852 9.5093689,13.0048852 L11.4906311,13.0048852 C11.7953543,13.0048852 12.0645254,12.8751207 12.2481042,12.6691355 C12.2685919,12.651629 12.2885578,12.6331815 12.3079451,12.6137942 L13.708909,11.2128303 C14.1091426,10.8125967 14.1060581,10.1825162 13.7155339,9.79199191 C13.3222869,9.39874495 12.6888786,9.40443364 12.2946955,9.79861672 L11.088427,11.0048852 Z"
+      transform="translate(11.254379, 11.252443) scale(-1, 1) translate(-11.254379, -11.252443)"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon small 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "0.75rem",
+      "width": "0.75rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
   >
     <g
-      className="shuttleGray"
+      transform="translate(0.000000, 0.500000)"
     >
+      <ellipse
+        cx="3.5"
+        cy="7.5"
+        rx="1"
+        ry="1"
+      />
+      <path
+        d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
+      />
       <path
-        d="M4,8 C4,7.44771525 4.45576096,7 5.00247329,7 L14.9975267,7 C15.5511774,7 16,7.44386482 16,8 C16,8.55228475 15.544239,9 14.9975267,9 L5.00247329,9 C4.44882258,9 4,8.55613518 4,8 Z M4,12 C4,11.4477153 4.45576096,11 5.00247329,11 L14.9975267,11 C15.5511774,11 16,11.4438648 16,12 C16,12.5522847 15.544239,13 14.9975267,13 L5.00247329,13 C4.44882258,13 4,12.5561352 4,12 Z M4,4 C4,3.44771525 4.45576096,3 5.00247329,3 L14.9975267,3 C15.5511774,3 16,3.44386482 16,4 C16,4.55228475 15.544239,5 14.9975267,5 L5.00247329,5 C4.44882258,5 4,4.55613518 4,4 Z M0,4 C0,3.44771525 0.443864822,3 1,3 C1.55228475,3 2,3.44386482 2,4 C2,4.55228475 1.55613518,5 1,5 C0.44771525,5 0,4.55613518 0,4 Z M0,8 C0,7.44771525 0.443864822,7 1,7 C1.55228475,7 2,7.44386482 2,8 C2,8.55228475 1.55613518,9 1,9 C0.44771525,9 0,8.55613518 0,8 Z M0,12 C0,11.4477153 0.443864822,11 1,11 C1.55228475,11 2,11.4438648 2,12 C2,12.5522847 1.55613518,13 1,13 C0.44771525,13 0,12.5561352 0,12 Z"
+        d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
+      />
+      <path
+        d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
       />
     </g>
-  </svg>
-</span>
+  </g>
+</svg>
 `;
 
-exports[`Snapshots Icon refreshIcon 1`] = `
-<span>
+exports[`Snapshots Icon supportIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M15.6779554,2.42770277 C15.8852289,2.9116277 16,3.44468369 16,4.00457656 C16,6.21624313 14.209139,8.00915312 12,8.00915312 C11.4417517,8.00915312 10.9102135,7.89466322 10.427534,7.68785764 L2.54993413,15.5654575 C1.96757782,16.1478138 1.02469502,16.1491172 0.434824591,15.5592467 C-0.150961847,14.9734603 -0.146964313,14.0197153 0.428613784,13.4441372 L8.31287775,5.55987323 C8.11138988,5.08169812 8,4.55616047 8,4.00457656 C8,1.79291 9.790861,2.22044605e-16 12,2.22044605e-16 C12.559976,2.22044605e-16 13.0930765,0.115199686 13.5769462,0.323218319 C13.524899,0.363059242 13.4748722,0.406790595 13.427256,0.454406852 L12.7044065,1.17725634 C12.1303527,1.75131015 12.1248734,2.70653695 12.7106598,3.29232339 C13.3005302,3.88219382 14.243394,3.88090952 14.8257268,3.29857669 L15.5485763,2.5757272 C15.5955069,2.5287966 15.6386374,2.47931841 15.6779554,2.42770277 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon twitterIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M16,2.65527066 C15.4074074,2.93447293 14.7777778,3.13390313 14.1111111,3.21367521 C14.7962963,2.77492877 15.3148148,2.07692308 15.5555556,1.25925926 C14.9259259,1.65811966 14.2222222,1.95726496 13.4814815,2.11680912 C12.8703704,1.43874644 12.0185185,1 11.0740741,1 C9.25925926,1 7.7962963,2.57549858 7.7962963,4.52991453 C7.7962963,4.80911681 7.81481481,5.08831909 7.87037037,5.34757835 C5.14814815,5.18803419 2.74074074,3.85185185 1.11111111,1.71794872 C0.833333333,2.23646724 0.666666667,2.77492877 0.666666667,3.43304843 C0.666666667,4.64957265 1.24074074,5.72649573 2.12962963,6.36467236 C1.59259259,6.34472934 1.09259259,6.18518519 0.648148148,5.92592593 L0.648148148,5.96581197 C0.648148148,7.68091168 1.77777778,9.11680912 3.27777778,9.43589744 C3,9.51566952 2.7037037,9.55555556 2.40740741,9.55555556 C2.2037037,9.55555556 2,9.53561254 1.7962963,9.4957265 C2.2037037,10.8917379 3.42592593,11.9287749 4.85185185,11.9487179 C3.74074074,12.9059829 2.31481481,13.6239316 0.777777778,13.6239316 C0.518518519,13.6239316 0.259259259,13.6039886 0,13.5641026 C1.44444444,14.5612536 3.18518519,15 5.03703704,15 C11.0740741,15 14.3703704,9.61538462 14.3703704,4.94871795 L14.3703704,4.49002849 C15,3.99145299 15.5555556,3.37321937 16,2.65527066 L16,2.65527066 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon videoIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M12,4.33333333 L12,2.0085302 C12,0.901950359 11.1007504,2.09620418e-14 9.9914698,1.84120759e-14 L2.0085302,6.12422144e-17 C0.901950359,-2.4825153e-15 0,0.899249601 0,2.0085302 L0,9.9914698 C0,11.0980496 0.899249601,12 2.0085302,12 L9.9914698,12 C11.0980496,12 12,11.1007504 12,9.9914698 L12,7.66666667 L14.4704221,9.72535177 C15.3117237,10.4264364 16,10.1047419 16,9.00038502 L16,2.99961498 C16,1.88743329 15.3151847,1.57067945 14.4704221,2.27464823 L12,4.33333333 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon viewIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M8,4 C12,4 15.2603759,7.33048993 15.2603759,7.33048993 C15.668859,7.70025013 15.6803939,8.30065012 15.2603759,8.66951007 C15.2603759,8.66951007 12,12 8,12 C4,12 0.739624113,8.66951007 0.739624113,8.66951007 C0.331140995,8.29974987 0.319606066,7.69934988 0.739624113,7.33048993 C0.739624113,7.33048993 4,4 8,4 Z M8,10 C9.1045695,10 10,9.1045695 10,8 C10,6.8954305 9.1045695,6 8,6 C6.8954305,6 6,6.8954305 6,8 C6,9.1045695 6.8954305,10 8,10 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots Icon warningIcon 1`] = `
+<svg
+  height="100%"
+  style={
+    Object {
+      "fill": "#59626a",
+      "height": "1rem",
+      "width": "1rem",
+    }
+  }
+  version="1.1"
+  viewBox="0 0 16 16"
+  width="100%"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlnsXlink="http://www.w3.org/1999/xlink"
+>
+  <g
+    className="shuttleGray"
+  >
+    <path
+      d="M7.28522294,0.582295182 C7.68011914,-0.193881453 8.32015168,-0.194315304 8.71526856,0.582295182 L15.8443277,14.5946078 C16.2392239,15.3707845 15.8563826,16 14.9948436,16 L1.00564792,16 C0.141594621,16 -0.238953082,15.3712184 0.156163853,14.5946078 L7.28522294,0.582295182 Z M8.00063465,13.6403459 C8.4327265,13.6403459 8.78300622,13.2881948 8.78300622,12.8537945 C8.78300622,12.4193942 8.4327265,12.0672431 8.00063465,12.0672431 C7.56854277,12.0672431 7.21826309,12.4193942 7.21826309,12.8537945 C7.21826309,13.2881948 7.56854277,13.6403459 8.00063465,13.6403459 Z M7.3863128,5.77483204 C7.38259314,5.77483204 7.37887467,5.77496538 7.37516447,5.77523181 C7.2889657,5.78142176 7.22407908,5.85669092 7.23023613,5.94335021 L7.59906844,11.1345893 C7.60491729,11.2169107 7.67305263,11.2806917 7.75514511,11.2806917 L8.24612423,11.2806917 C8.32821668,11.2806917 8.39635201,11.2169107 8.40220086,11.1345893 L8.77103319,5.94335021 C8.77129818,5.93962018 8.77143079,5.93588184 8.77143079,5.93214231 C8.77143079,5.84526225 8.7013749,5.77483204 8.61495648,5.77483204 L7.3863128,5.77483204 Z"
+    />
+  </g>
+</svg>
+`;
+
+exports[`Snapshots IconArrowPopover default 1`] = `
+<div
+  aria-describedby="tooltip_PostingSchedule"
+  aria-label="Posting Schedule"
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  role="tooltip"
+  style={
+    Object {
+      "display": "inline-block",
+      "height": "16px",
+      "position": "relative",
+      "width": "16px",
+    }
+  }
+  tabIndex="0"
+>
   <svg
     height="100%"
     style={
@@ -4134,1102 +4874,868 @@ exports[`Snapshots Icon refreshIcon 1`] = `
       className="shuttleGray"
     >
       <path
-        d="M1.67363116,11 C2.7970951,13.3649473 5.20760404,15 8,15 C11.1710206,15 13.8495721,12.8914889 14.7101213,10 L12.5839563,10 C11.8123997,11.7659048 10.050319,13 8,13 C6.36418217,13 4.91184014,12.2144467 3.99963381,11 L1.67363116,11 Z M1.28987868,6 C2.15042787,3.10851105 4.82897936,1 8,1 C10.792396,1 13.2029049,2.63505267 14.3263688,5 L12.0003662,5 C11.0881599,3.7855533 9.63581783,3 8,3 C5.94968096,3 4.18760031,4.23409522 3.41604369,6 L1.28987868,6 Z M0.316626728,6.37995207 C0.141758615,6.17011034 0.21484375,6 0.497698784,6 L4.50230122,6 C4.77717266,6 4.85110044,6.17867947 4.68337327,6.37995207 L2.81662673,8.62004793 C2.64175861,8.82988966 2.35110044,8.82132053 2.18337327,8.62004793 L0.316626728,6.37995207 Z M11.3166267,9.62004793 L13.1833733,7.37995207 C13.3511004,7.17867947 13.6417586,7.17011034 13.8166267,7.37995207 L15.6833733,9.62004793 C15.8511004,9.82132053 15.7771727,10 15.5023012,10 L11.4976988,10 C11.2148438,10 11.1417586,9.82988966 11.3166267,9.62004793 Z"
+        d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z"
+      />
+      <path
+        d="M6.95019531,9.36035156 L6.95019531,8.96289062 C6.95019531,8.61913891 7.02359953,8.32015101 7.17041016,8.06591797 C7.31722079,7.81168493 7.58577279,7.54134258 7.97607422,7.25488281 C8.35205266,6.98632678 8.60001568,6.76790449 8.7199707,6.59960938 C8.83992573,6.43131426 8.89990234,6.24332786 8.89990234,6.03564453 C8.89990234,5.80289597 8.8139657,5.62565165 8.64208984,5.50390625 C8.47021398,5.38216085 8.23030753,5.32128906 7.92236328,5.32128906 C7.38525122,5.32128906 6.77295266,5.49674304 6.08544922,5.84765625 L5.5,4.67138672 C6.2985066,4.22379333 7.14534058,4 8.04052734,4 C8.77816124,4 9.36449978,4.17724432 9.79956055,4.53173828 C10.2346213,4.88623224 10.4521484,5.35888376 10.4521484,5.94970703 C10.4521484,6.34358921 10.3626311,6.68375508 10.1835938,6.97021484 C10.0045564,7.25667461 9.66439053,7.57893701 9.16308594,7.93701172 C8.81933422,8.19124476 8.6018071,8.3846022 8.51049805,8.51708984 C8.419189,8.64957749 8.37353516,8.82324111 8.37353516,9.03808594 L8.37353516,9.36035156 L6.95019531,9.36035156 Z M6.77832031,11.1972656 C6.77832031,10.8964829 6.85888591,10.6691088 7.02001953,10.5151367 C7.18115315,10.3611646 7.41568856,10.2841797 7.72363281,10.2841797 C8.02083482,10.2841797 8.25089437,10.3629549 8.41381836,10.5205078 C8.57674235,10.6780607 8.65820312,10.9036444 8.65820312,11.1972656 C8.65820312,11.4801446 8.57584718,11.7030428 8.41113281,11.8659668 C8.24641845,12.0288908 8.01725407,12.1103516 7.72363281,12.1103516 C7.42285006,12.1103516 7.19010499,12.0306811 7.02539062,11.8713379 C6.86067626,11.7119946 6.77832031,11.4873061 6.77832031,11.1972656 Z"
       />
     </g>
   </svg>
-</span>
-`;
-
-exports[`Snapshots Icon respondIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+  <div
+    aria-hidden={true}
+    id="tooltip_PostingSchedule"
+    role="tooltip"
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "background": "#2E435E",
+        "borderRadius": "0.126rem",
+        "boxShadow": "0 1px 2px 0 rgba(0,0,0,0.50)",
+        "color": "#fff",
+        "display": "none",
+        "left": "100%",
+        "padding": ".25rem .75rem",
+        "position": "absolute",
+        "textAlign": "left",
+        "top": 0,
+        "transform": "translate(11px, -4px)",
+        "width": "320px",
+        "zIndex": 4000,
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
   >
-    <g
-      className="shuttleGray"
+    <span
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "borderBottomColor": "transparent",
+          "borderBottomWidth": 7,
+          "borderLeftColor": "transparent",
+          "borderLeftWidth": 0,
+          "borderRightColor": "#2E435E",
+          "borderRightWidth": 8,
+          "borderStyle": "solid",
+          "borderTopColor": "transparent",
+          "borderTopWidth": 7,
+          "height": 0,
+          "left": -8,
+          "position": "absolute",
+          "top": "6px",
+          "transform": "none",
+          "width": 0,
+        }
+      }
+    />
+    <span
+      style={
+        Object {
+          "color": "#fff",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "0.8rem",
+          "fontWeight": 400,
+        }
+      }
     >
-      <g
-        transform="translate(8.066952, 8.472268) rotate(-45.000000) translate(-8.066952, -8.472268) translate(0.066952, 1.972268)"
-      >
-        <path
-          d="M0.0215566657,3.31257555 C0.0215566657,3.03718605 0.238778853,2.81393875 0.523178151,2.81393875 L10.4217198,2.81393875 L10.4217197,0.427889852 C10.4217197,0.149934187 10.5821386,0.0844435872 10.7695555,0.271180514 L15.63441,5.11838601 C15.8265144,5.3097935 15.7566205,5.46495993 15.4870722,5.46495993 L0.516730268,5.46495988 C0.243253439,5.46495988 0.0215566657,5.23893531 0.0215566657,4.96632308 L0.0215566657,3.31257555 Z"
-        />
-        <path
-          d="M15.984894,9.45772119 C15.984894,9.73311069 15.7676718,9.95635798 15.4832725,9.95635798 L5.58473083,9.95635798 L5.58473093,12.3996933 C5.58473094,12.6753679 5.42431198,12.7374758 5.23689513,12.5489472 L0.372040608,7.65523588 C0.179936192,7.46199196 0.249830113,7.30533681 0.519378395,7.30533681 L15.4897204,7.30533686 C15.7631972,7.30533686 15.984894,7.53136143 15.984894,7.80397365 L15.984894,9.45772119 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+      Your posting schedule tells Buffer when to send out posts in your Queue. 
+      <br />
+      <br />
+      For example, the next 10 posts you add to your Queue will go out in the next 10 upcoming time/date slots you decide below. You can change this schedule at any time!
+    </span>
+  </div>
+</div>
 `;
 
-exports[`Snapshots Icon retweetIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots IdTag Default 1`] = `
+<span
+  style={
+    Object {
+      "backgroundColor": "#000",
+      "borderRadius": "0.126rem",
+      "letterSpacing": "0.1rem",
+      "opacity": "0.65",
+      "padding": "0.1rem 0.4rem 0.1rem 0.4rem",
+    }
+  }
+>
+  <span
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "color": "#fff",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "fontWeight": 400,
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
   >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M2.00001778,4 C2.00462751,2.89464321 2.90478822,2 4.0085302,2 L11.9914698,2 C13.1007504,2 14,2.90195036 14,4.0085302 L14,6 L12,6 L12,5 C12,4.44386482 11.5543453,4 11.0046024,4 L2.00001651,4 Z M13.9999822,12 C13.9953725,13.1053568 13.0952118,14 11.9914698,14 L4.0085302,14 C2.8992496,14 2,13.0980496 2,11.9914698 L2,10 L4,10 L4,11 C4,11.5561352 4.44902676,12 5.00292933,12 L9.99707067,12 C10.5621186,12 11.4472481,12 11.9989566,12 L13.9999848,12 Z M2.4001155,6.79984599 C2.73142256,6.35810325 3.26622999,6.35497332 3.5998845,6.79984599 L5.4001155,9.20015401 C5.73142256,9.64189675 5.54902482,10 5.00922203,10 L0.990777969,10 C0.443586406,10 0.266229987,9.64502668 0.599884495,9.20015401 L2.4001155,6.79984599 Z M12.4001155,9.20015401 L10.5998845,6.79984599 C10.26623,6.35497332 10.4435864,6 10.990778,6 L15.009222,6 C15.5490248,6 15.7314226,6.35810325 15.4001155,6.79984599 L13.5998845,9.20015401 C13.26623,9.64502668 12.7314226,9.64189675 12.4001155,9.20015401 Z"
-      />
-    </g>
-  </svg>
+    GIF
+  </span>
 </span>
 `;
 
-exports[`Snapshots Icon searchIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Image Default 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": undefined,
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M12.6063847,11.1921711 L15.7047831,14.2905695 C16.0964514,14.6822378 16.1001014,15.3136075 15.7068544,15.7068544 C15.3163301,16.0973787 14.6901188,16.1043323 14.2905695,15.7047831 L11.1921711,12.6063847 C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351 13.4815965,10.0235906 12.6063847,11.1921711 Z M7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 Z"
-      />
-    </g>
-  </svg>
-</span>
+  }
+/>
 `;
 
-exports[`Snapshots Icon settingsIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Image MH=10em 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": "10em",
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": "14em",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M11.4765344,12.8907479 C10.7536018,13.4055629 9.91165661,13.7640946 9,13.9170416 L9,14.9991283 C9,15.5518945 8.55613518,16 8,16 C7.44771525,16 7,15.5553691 7,14.9991283 L7,13.9170416 C6.08834339,13.7640946 5.24639817,13.4055629 4.52346564,12.8907479 L3.75797567,13.6562379 C3.36711097,14.0471026 2.73639271,14.0501012 2.34314575,13.6568542 C1.95262146,13.26633 1.95044047,12.635346 2.34376211,12.2420243 L3.10925208,11.4765344 C2.59443708,10.7536018 2.23590544,9.91165661 2.08295844,9 L1.00087166,9 C0.448105505,9 0,8.55613518 0,8 C0,7.44771525 0.444630861,7 1.00087166,7 L2.08295844,7 C2.23590544,6.08834339 2.59443708,5.24639817 3.10925208,4.52346564 L2.34376211,3.75797567 C1.95044047,3.36465403 1.95262146,2.73367004 2.34314575,2.34314575 C2.73639271,1.9498988 3.36711097,1.95289741 3.75797567,2.34376211 L4.52346564,3.10925208 C5.24639817,2.59443708 6.08834339,2.23590544 7,2.08295844 L7,1.00087166 C7,0.448105505 7.44386482,-7.10542736e-15 8,-7.10542736e-15 C8.55228475,-7.10542736e-15 9,0.444630861 9,1.00087166 L9,2.08295844 C9.91165661,2.23590544 10.7536018,2.59443708 11.4765344,3.10925208 L12.2420243,2.34376211 C12.632889,1.95289741 13.2636073,1.9498988 13.6568542,2.34314575 C14.0473785,2.73367004 14.0495595,3.36465403 13.6562379,3.75797567 L12.8907479,4.52346564 C13.4055629,5.24639817 13.7640946,6.08834339 13.9170416,7 L14.9991283,7 C15.5518945,7 16,7.44386482 16,8 C16,8.55228475 15.5553691,9 14.9991283,9 L13.9170416,9 C13.7640946,9.91165661 13.4055629,10.7536018 12.8907479,11.4765344 L13.6562379,12.2420243 C14.0495595,12.635346 14.0473785,13.26633 13.6568542,13.6568542 C13.2636073,14.0501012 12.632889,14.0471026 12.2420243,13.6562379 L11.4765344,12.8907479 Z M8,11 C9.65685425,11 11,9.65685425 11,8 C11,6.34314575 9.65685425,5 8,5 C6.34314575,5 5,6.34314575 5,8 C5,9.65685425 6.34314575,11 8,11 Z"
-      />
-    </g>
-  </svg>
-</span>
+  }
+/>
 `;
 
-exports[`Snapshots Icon shamrock 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#2fd566",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Image MW=10em 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "height": "14em",
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": "10em",
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": undefined,
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shamrock"
-    >
-      <g
-        transform="translate(0.000000, 0.500000)"
-      >
-        <ellipse
-          cx="3.5"
-          cy="7.5"
-          rx="1"
-          ry="1"
-        />
-        <path
-          d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
-        />
-        <path
-          d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
-        />
-        <path
-          d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+  }
+/>
 `;
 
-exports[`Snapshots Icon shuffleIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Image MinH=14em 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/100/100/cats/"
+  style={
+    Object {
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": "14em",
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": undefined,
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M3.51755737,5.92913038 L2.588427,5 L1.0093689,5 C0.443353176,5 0,4.55228475 0,4 C0,3.44386482 0.451909848,3 1.0093689,3 L2.9906311,3 C3.29535431,3 3.56452536,3.12976452 3.74810423,3.3357497 C3.76859185,3.35325619 3.78855782,3.3717037 3.8079451,3.39109098 L5.20890904,4.79205492 C5.22623618,4.80938206 5.2428074,4.82713998 5.25862399,4.84529061 L11.0483785,10.6350451 C11.4313539,11.0180205 11.4369476,11.6563851 11.0466664,12.0466663 C10.6536643,12.4396685 10.0243809,12.437714 9.6350452,12.0483783 L3.55162121,5.96495435 C3.53991375,5.95324689 3.52855897,5.94130077 3.51755737,5.92913038 Z M13,9.99077797 C13,9.44358641 13.3210526,9.32105255 13.7109581,9.71095812 L15.6440798,11.6440798 C15.8406491,11.8406491 15.838707,12.161293 15.6440798,12.3559202 L13.7109581,14.2890419 C13.3183068,14.6816932 13,14.5490248 13,14.009222 L13,9.99077797 Z"
-      />
-      <path
-        d="M10.2506527,3.3357497 C10.4342315,3.12976452 10.7034026,3 11.0081258,3 L12.989388,3 C12.9929296,3 12.996467,3.00001792 13,3.00005366 L13,1.99077797 C13,1.44358641 13.3210526,1.32105255 13.7109581,1.71095812 L15.6440798,3.6440798 C15.8406491,3.8406491 15.838707,4.16129303 15.6440798,4.3559202 L13.7109581,6.28904188 C13.3183068,6.68169321 13,6.54902482 13,6.00922203 L13,4.99994748 C12.9964675,4.99998247 12.9929302,5 12.989388,5 L11.4103299,5 L10.2040614,6.20626848 C9.80987834,6.60045156 9.17647,6.60614025 8.78322304,6.2128933 C8.39269875,5.822369 8.3896143,5.19228848 8.78984785,4.79205492 L10.1908118,3.39109098 C10.2101991,3.3717037 10.230165,3.35325619 10.2506527,3.3357497 Z"
-      />
-      <path
-        d="M2.588427,11 L1.0093689,11 C0.443353176,11 0,11.4477153 0,12 C0,12.5561352 0.451909848,13 1.0093689,13 L2.9906311,13 C3.29535431,13 3.56452536,12.8702355 3.74810423,12.6642503 C3.76859185,12.6467438 3.78855782,12.6282963 3.8079451,12.608909 L5.20890904,11.2079451 C5.6091426,10.8077115 5.60605815,10.177631 5.21553385,9.7871067 C4.8222869,9.39385975 4.18887855,9.39954844 3.79469548,9.79373152 L2.588427,11 Z"
-      />
-      <path
-        d="M11.088427,11.0048852 L9.5093689,11.0048852 C8.94335318,11.0048852 8.5,11.4526005 8.5,12.0048852 C8.5,12.5610204 8.95190985,13.0048852 9.5093689,13.0048852 L11.4906311,13.0048852 C11.7953543,13.0048852 12.0645254,12.8751207 12.2481042,12.6691355 C12.2685919,12.651629 12.2885578,12.6331815 12.3079451,12.6137942 L13.708909,11.2128303 C14.1091426,10.8125967 14.1060581,10.1825162 13.7155339,9.79199191 C13.3222869,9.39874495 12.6888786,9.40443364 12.2946955,9.79861672 L11.088427,11.0048852 Z"
-        transform="translate(11.254379, 11.252443) scale(-1, 1) translate(-11.254379, -11.252443)"
-      />
-    </g>
-  </svg>
-</span>
+  }
+/>
 `;
 
-exports[`Snapshots Icon small 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "0.75rem",
-        "width": "0.75rem",
-      }
+exports[`Snapshots Image MinW=14em 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/100/100/cats/"
+  style={
+    Object {
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": "14em",
+      "objectFit": undefined,
+      "width": undefined,
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <g
-        transform="translate(0.000000, 0.500000)"
-      >
-        <ellipse
-          cx="3.5"
-          cy="7.5"
-          rx="1"
-          ry="1"
-        />
-        <path
-          d="M7,4 L2.0085302,4 C0.901950359,4 0,4.8918564 0,5.99201702 L0,13.007983 C0,14.0998238 0.899249601,15 2.0085302,15 L9.9914698,15 C11.0980496,15 12,14.1081436 12,13.007983 L12,9 C11.2888953,9 10.6124623,8.8515525 10,8.58395631 L10,12.4965773 C10,12.77461 9.76920319,13 9.49956417,13 L2.50043583,13 C2.22405275,13 2,12.7670975 2,12.4965773 L2,6.50342274 C2,6.22539004 2.23079681,6 2.50043583,6 L7.41604369,6 C7.1484475,5.38753765 7,4.71110471 7,4 Z"
-        />
-        <path
-          d="M6.72854847,13 L10.4427219,13 C10.994669,13 11.1806866,12.6353752 10.8595051,12.1855878 L8.08131797,8.29497314 C7.75836623,7.84270671 7.23939818,7.84518568 6.9182166,8.29497314 L5.17096772,10.7418465 L4.89598004,10.3431742 C4.58220845,9.88827357 4.04270416,9.86191756 3.68900632,10.2814689 L1.19456888,13.2403351 C0.837902685,13.6634075 1.00101068,14 1.55225078,14 L6.42019856,14 C6.96793003,14 7.16465526,13.63226 6.85175993,13.1786298 L6.72854847,13 Z"
-        />
-        <path
-          d="M12.5,3.5 L12.5,2.49047852 C12.5,2.21505737 12.2761424,2 12,2 C11.7319336,2 11.5,2.21959471 11.5,2.49047852 L11.5,3.5 L10.4904785,3.5 C10.2150574,3.5 10,3.72385763 10,4 C10,4.26806641 10.2195947,4.5 10.4904785,4.5 L11.5,4.5 L11.5,5.50952148 C11.5,5.78494263 11.7238576,6 12,6 C12.2680664,6 12.5,5.78040529 12.5,5.50952148 L12.5,4.5 L13.5095215,4.5 C13.7849426,4.5 14,4.27614237 14,4 C14,3.73193359 13.7804053,3.5 13.5095215,3.5 L12.5,3.5 Z M12,8 C9.790861,8 8,6.209139 8,4 C8,1.790861 9.790861,0 12,0 C14.209139,0 16,1.790861 16,4 C16,6.209139 14.209139,8 12,8 Z"
-        />
-      </g>
-    </g>
-  </svg>
-</span>
+  }
+/>
 `;
 
-exports[`Snapshots Icon supportIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Image W=10em H=10em 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "height": "10em",
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": "10em",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M15.6779554,2.42770277 C15.8852289,2.9116277 16,3.44468369 16,4.00457656 C16,6.21624313 14.209139,8.00915312 12,8.00915312 C11.4417517,8.00915312 10.9102135,7.89466322 10.427534,7.68785764 L2.54993413,15.5654575 C1.96757782,16.1478138 1.02469502,16.1491172 0.434824591,15.5592467 C-0.150961847,14.9734603 -0.146964313,14.0197153 0.428613784,13.4441372 L8.31287775,5.55987323 C8.11138988,5.08169812 8,4.55616047 8,4.00457656 C8,1.79291 9.790861,2.22044605e-16 12,2.22044605e-16 C12.559976,2.22044605e-16 13.0930765,0.115199686 13.5769462,0.323218319 C13.524899,0.363059242 13.4748722,0.406790595 13.427256,0.454406852 L12.7044065,1.17725634 C12.1303527,1.75131015 12.1248734,2.70653695 12.7106598,3.29232339 C13.3005302,3.88219382 14.243394,3.88090952 14.8257268,3.29857669 L15.5485763,2.5757272 C15.5955069,2.5287966 15.6386374,2.47931841 15.6779554,2.42770277 Z"
-      />
-    </g>
-  </svg>
-</span>
+  }
+/>
 `;
 
-exports[`Snapshots Icon twitterIcon 1`] = `
-<span>
-  <svg
-    height="100%"
-    style={
-      Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
-      }
+exports[`Snapshots Image W=40px H=40px 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "height": "40px",
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": "40px",
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M16,2.65527066 C15.4074074,2.93447293 14.7777778,3.13390313 14.1111111,3.21367521 C14.7962963,2.77492877 15.3148148,2.07692308 15.5555556,1.25925926 C14.9259259,1.65811966 14.2222222,1.95726496 13.4814815,2.11680912 C12.8703704,1.43874644 12.0185185,1 11.0740741,1 C9.25925926,1 7.7962963,2.57549858 7.7962963,4.52991453 C7.7962963,4.80911681 7.81481481,5.08831909 7.87037037,5.34757835 C5.14814815,5.18803419 2.74074074,3.85185185 1.11111111,1.71794872 C0.833333333,2.23646724 0.666666667,2.77492877 0.666666667,3.43304843 C0.666666667,4.64957265 1.24074074,5.72649573 2.12962963,6.36467236 C1.59259259,6.34472934 1.09259259,6.18518519 0.648148148,5.92592593 L0.648148148,5.96581197 C0.648148148,7.68091168 1.77777778,9.11680912 3.27777778,9.43589744 C3,9.51566952 2.7037037,9.55555556 2.40740741,9.55555556 C2.2037037,9.55555556 2,9.53561254 1.7962963,9.4957265 C2.2037037,10.8917379 3.42592593,11.9287749 4.85185185,11.9487179 C3.74074074,12.9059829 2.31481481,13.6239316 0.777777778,13.6239316 C0.518518519,13.6239316 0.259259259,13.6039886 0,13.5641026 C1.44444444,14.5612536 3.18518519,15 5.03703704,15 C11.0740741,15 14.3703704,9.61538462 14.3703704,4.94871795 L14.3703704,4.49002849 C15,3.99145299 15.5555556,3.37321937 16,2.65527066 L16,2.65527066 Z"
-      />
-    </g>
-  </svg>
-</span>
+  }
+/>
 `;
 
-exports[`Snapshots Icon videoIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Image W=100% 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": "100%",
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Image alt 1`] = `
+<img
+  alt="alt text"
+  src="nah"
+  style={
+    Object {
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": undefined,
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Image border: circle 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "borderRadius": "50%",
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": undefined,
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Image border: rounded 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "borderRadius": "0.126rem",
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": undefined,
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Image pad 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "border": "0.2rem solid white",
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "width": undefined,
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Image small image 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/50/50/cats/"
+  style={
+    Object {
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": "10em",
+      "maxWidth": "10em",
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": "contain",
+      "width": "10em",
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Image tall image 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/1000/cats/"
+  style={
+    Object {
+      "height": "10em",
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": "10em",
+      "maxWidth": "10em",
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": "contain",
+      "width": "10em",
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Image verticalAlignBottom 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/400/400/cats/"
+  style={
+    Object {
+      "height": undefined,
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": undefined,
+      "maxWidth": undefined,
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": undefined,
+      "verticalAlign": "bottom",
+      "width": undefined,
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Image wide image 1`] = `
+<img
+  alt=""
+  src="http://lorempixel.com/1000/400/cats/"
+  style={
+    Object {
+      "height": "10em",
+      "marginBottom": undefined,
+      "marginTop": undefined,
+      "maxHeight": "10em",
+      "maxWidth": "10em",
+      "minHeight": undefined,
+      "minWidth": undefined,
+      "objectFit": "contain",
+      "width": "10em",
+    }
+  }
+/>
+`;
+
+exports[`Snapshots Input default 1`] = `
+<div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M12,4.33333333 L12,2.0085302 C12,0.901950359 11.1007504,2.09620418e-14 9.9914698,1.84120759e-14 L2.0085302,6.12422144e-17 C0.901950359,-2.4825153e-15 0,0.899249601 0,2.0085302 L0,9.9914698 C0,11.0980496 0.899249601,12 2.0085302,12 L9.9914698,12 C11.0980496,12 12,11.1007504 12,9.9914698 L12,7.66666667 L14.4704221,9.72535177 C15.3117237,10.4264364 16,10.1047419 16,9.00038502 L16,2.99961498 C16,1.88743329 15.3151847,1.57067945 14.4704221,2.27464823 L12,4.33333333 Z"
-      />
-    </g>
-  </svg>
-</span>
+    type="text"
+    value="user123"
+  />
+</div>
 `;
 
-exports[`Snapshots Icon viewIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Input focused 1`] = `
+<div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "border": "0.063rem solid #ced7df",
+        "borderColor": "#168eea",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M8,4 C12,4 15.2603759,7.33048993 15.2603759,7.33048993 C15.668859,7.70025013 15.6803939,8.30065012 15.2603759,8.66951007 C15.2603759,8.66951007 12,12 8,12 C4,12 0.739624113,8.66951007 0.739624113,8.66951007 C0.331140995,8.29974987 0.319606066,7.69934988 0.739624113,7.33048993 C0.739624113,7.33048993 4,4 8,4 Z M8,10 C9.1045695,10 10,9.1045695 10,8 C10,6.8954305 9.1045695,6 8,6 C6.8954305,6 6,6.8954305 6,8 C6,9.1045695 6.8954305,10 8,10 Z"
-      />
-    </g>
-  </svg>
-</span>
+    type="text"
+    value="user123"
+  />
+</div>
 `;
 
-exports[`Snapshots Icon warningIcon 1`] = `
-<span>
-  <svg
-    height="100%"
+exports[`Snapshots Input onFocus + onBlur 1`] = `
+<div>
+  <input
+    disabled={undefined}
+    onBlur={[Function]}
+    onChange={[Function]}
+    onFocus={[Function]}
+    placeholder={undefined}
     style={
       Object {
-        "fill": "#59626a",
-        "height": "1rem",
-        "width": "1rem",
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
     }
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="100%"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <g
-      className="shuttleGray"
-    >
-      <path
-        d="M7.28522294,0.582295182 C7.68011914,-0.193881453 8.32015168,-0.194315304 8.71526856,0.582295182 L15.8443277,14.5946078 C16.2392239,15.3707845 15.8563826,16 14.9948436,16 L1.00564792,16 C0.141594621,16 -0.238953082,15.3712184 0.156163853,14.5946078 L7.28522294,0.582295182 Z M8.00063465,13.6403459 C8.4327265,13.6403459 8.78300622,13.2881948 8.78300622,12.8537945 C8.78300622,12.4193942 8.4327265,12.0672431 8.00063465,12.0672431 C7.56854277,12.0672431 7.21826309,12.4193942 7.21826309,12.8537945 C7.21826309,13.2881948 7.56854277,13.6403459 8.00063465,13.6403459 Z M7.3863128,5.77483204 C7.38259314,5.77483204 7.37887467,5.77496538 7.37516447,5.77523181 C7.2889657,5.78142176 7.22407908,5.85669092 7.23023613,5.94335021 L7.59906844,11.1345893 C7.60491729,11.2169107 7.67305263,11.2806917 7.75514511,11.2806917 L8.24612423,11.2806917 C8.32821668,11.2806917 8.39635201,11.2169107 8.40220086,11.1345893 L8.77103319,5.94335021 C8.77129818,5.93962018 8.77143079,5.93588184 8.77143079,5.93214231 C8.77143079,5.84526225 8.7013749,5.77483204 8.61495648,5.77483204 L7.3863128,5.77483204 Z"
-      />
-    </g>
-  </svg>
-</span>
+    type="text"
+    value="user123"
+  />
+</div>
 `;
 
-exports[`Snapshots IdTag Default 1`] = `
-<span>
-  <span
+exports[`Snapshots Input with error 1`] = `
+<div>
+  <div
     style={
       Object {
-        "backgroundColor": "#000",
-        "borderRadius": "0.126rem",
-        "letterSpacing": "0.1rem",
-        "opacity": "0.65",
-        "padding": "0.1rem 0.4rem 0.1rem 0.4rem",
+        "marginBottom": "1rem",
       }
     }
   >
     <span
       style={
         Object {
-          "color": "#fff",
+          "color": "#59626a",
           "fontFamily": "\\"Open Sans\\", sans-serif",
           "fontSize": "1rem",
           "fontWeight": 400,
         }
       }
     >
-      GIF
+      Username
     </span>
-  </span>
-</span>
-`;
-
-exports[`Snapshots Image Default 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
+  </div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
     style={
       Object {
-        "height": undefined,
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": undefined,
+        "border": "0.063rem solid #ced7df",
+        "borderColor": "#ff1e1e",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
     }
+    type="text"
+    value="user123"
   />
-</span>
-`;
-
-exports[`Snapshots Image MH=10em 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
+  <div
     style={
       Object {
-        "height": undefined,
-        "maxHeight": "10em",
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": "14em",
+        "marginTop": "1rem",
       }
     }
-  />
-</span>
+  >
+    <span
+      style={
+        Object {
+          "color": "#ff1e1e",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "1rem",
+          "fontWeight": 400,
+        }
+      }
+    >
+      unknown user
+    </span>
+  </div>
+</div>
 `;
 
-exports[`Snapshots Image MW=10em 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
+exports[`Snapshots Input with label 1`] = `
+<div>
+  <div
     style={
       Object {
-        "height": "14em",
-        "maxHeight": undefined,
-        "maxWidth": "10em",
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": undefined,
+        "marginBottom": "1rem",
       }
     }
-  />
-</span>
-`;
-
-exports[`Snapshots Image MinH=14em 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/100/100/cats/"
-    style={
-      Object {
-        "height": undefined,
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": "14em",
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": undefined,
+  >
+    <span
+      style={
+        Object {
+          "color": "#59626a",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "1rem",
+          "fontWeight": 400,
+        }
       }
-    }
-  />
-</span>
-`;
-
-exports[`Snapshots Image MinW=14em 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/100/100/cats/"
+    >
+      Username
+    </span>
+  </div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
     style={
       Object {
-        "height": undefined,
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": "14em",
-        "objectFit": undefined,
-        "width": undefined,
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
     }
+    type="text"
+    value="user123"
   />
-</span>
+</div>
 `;
 
-exports[`Snapshots Image W=10em H=10em 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
+exports[`Snapshots Input with placeholder 1`] = `
+<div>
+  <div
     style={
       Object {
-        "height": "10em",
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": "10em",
+        "marginBottom": "1rem",
       }
     }
-  />
-</span>
-`;
-
-exports[`Snapshots Image W=40px H=40px 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
-    style={
-      Object {
-        "height": "40px",
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": "40px",
+  >
+    <span
+      style={
+        Object {
+          "color": "#59626a",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "1rem",
+          "fontWeight": 400,
+        }
       }
-    }
-  />
-</span>
-`;
-
-exports[`Snapshots Image W=100% 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
+    >
+      Username
+    </span>
+  </div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={undefined}
+    onFocus={undefined}
+    placeholder="ex: kitteh1234"
     style={
       Object {
-        "height": undefined,
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
         "width": "100%",
       }
     }
+    type="text"
+    value={undefined}
   />
-</span>
+</div>
 `;
 
-exports[`Snapshots Image alt 1`] = `
-<span>
-  <img
-    alt="alt text"
-    src="nah"
+exports[`Snapshots Input with submitting = true 1`] = `
+<div>
+  <input
+    disabled={true}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
     style={
       Object {
-        "height": undefined,
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": undefined,
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
     }
+    type="text"
+    value="user123"
   />
-</span>
+</div>
 `;
 
-exports[`Snapshots Image border: circle 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
+exports[`Snapshots Input with type = email 1`] = `
+<div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
     style={
       Object {
-        "borderRadius": "50%",
-        "height": undefined,
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": undefined,
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
     }
+    type="email"
+    value="test@test.com"
   />
-</span>
+</div>
 `;
 
-exports[`Snapshots Image border: rounded 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
+exports[`Snapshots Input with type = password 1`] = `
+<div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
     style={
       Object {
+        "border": "0.063rem solid #ced7df",
         "borderRadius": "0.126rem",
-        "height": undefined,
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "width": undefined,
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
     }
+    type="password"
+    value="user123"
   />
-</span>
+</div>
 `;
 
-exports[`Snapshots Image small image 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/50/50/cats/"
+exports[`Snapshots InputAutocomplete default 1`] = `
+<div>
+  <div
     style={
       Object {
-        "height": undefined,
-        "maxHeight": "10em",
-        "maxWidth": "10em",
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": "contain",
-        "width": "10em",
+        "display": "flex",
+        "width": "100%",
       }
     }
-  />
-</span>
-`;
-
-exports[`Snapshots Image tall image 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/1000/cats/"
-    style={
-      Object {
-        "height": "10em",
-        "maxHeight": "10em",
-        "maxWidth": "10em",
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": "contain",
-        "width": "10em",
+  >
+    <input
+      aria-autocomplete="list"
+      aria-expanded={false}
+      autoComplete="off"
+      id="states-autocomplete"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onClick={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      placeholder=""
+      role="combobox"
+      style={
+        Object {
+          "backgroundColor": "#fff",
+          "border": "1px solid #e6ebef",
+          "borderRadius": "2px",
+          "fontSize": ".8rem",
+          "margin": "0 0 0 0",
+          "padding": ".5rem",
+          "width": "100%",
+        }
       }
-    }
-  />
-</span>
+      value=""
+    />
+  </div>
+</div>
 `;
 
-exports[`Snapshots Image verticalAlignBottom 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/400/400/cats/"
+exports[`Snapshots InputAutocomplete empty items 1`] = `
+<div>
+  <div
     style={
       Object {
-        "height": undefined,
-        "maxHeight": undefined,
-        "maxWidth": undefined,
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": undefined,
-        "verticalAlign": "bottom",
-        "width": undefined,
+        "display": "flex",
+        "width": "100%",
       }
     }
-  />
-</span>
+  >
+    <input
+      aria-autocomplete="list"
+      aria-expanded={false}
+      autoComplete="off"
+      id="states-autocomplete"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onClick={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      placeholder=""
+      role="combobox"
+      style={
+        Object {
+          "backgroundColor": "#fff",
+          "border": "1px solid #e6ebef",
+          "borderRadius": "2px",
+          "fontSize": ".8rem",
+          "margin": "0 0 0 0",
+          "padding": ".5rem",
+          "width": "100%",
+        }
+      }
+      value=""
+    />
+  </div>
+</div>
 `;
 
-exports[`Snapshots Image wide image 1`] = `
-<span>
-  <img
-    alt=""
-    src="http://lorempixel.com/1000/400/cats/"
-    style={
-      Object {
-        "height": "10em",
-        "maxHeight": "10em",
-        "maxWidth": "10em",
-        "minHeight": undefined,
-        "minWidth": undefined,
-        "objectFit": "contain",
-        "width": "10em",
-      }
-    }
-  />
-</span>
-`;
-
-exports[`Snapshots Input default 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="text"
-      value="user123"
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots Input focused 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderColor": "#168eea",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="text"
-      value="user123"
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots Input onFocus + onBlur 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="text"
-      value="user123"
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots Input with error 1`] = `
-<span>
-  <div>
+exports[`Snapshots InputDate default 1`] = `
+<div>
+  <div
+    className="DayPicker"
+    lang="en"
+    role="application"
+  >
     <div
-      style={
-        Object {
-          "marginBottom": "1rem",
-        }
-      }
-    >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        Username
-      </span>
-    </div>
-    <input
-      disabled={undefined}
+      className="DayPicker-wrapper"
       onBlur={undefined}
-      onChange={[Function]}
       onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderColor": "#ff1e1e",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="text"
-      value="user123"
-    />
-    <div
-      style={
-        Object {
-          "marginTop": "1rem",
-        }
-      }
-    >
-      <span
-        style={
-          Object {
-            "color": "#ff1e1e",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        unknown user
-      </span>
-    </div>
-  </div>
-</span>
-`;
-
-exports[`Snapshots Input with label 1`] = `
-<span>
-  <div>
-    <div
-      style={
-        Object {
-          "marginBottom": "1rem",
-        }
-      }
+      onKeyDown={[Function]}
+      tabIndex={-1}
     >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
+      <div
+        className="DayPicker-NavBar"
       >
-        Username
-      </span>
-    </div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="text"
-      value="user123"
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots Input with placeholder 1`] = `
-<span>
-  <div>
-    <div
-      style={
-        Object {
-          "marginBottom": "1rem",
-        }
-      }
-    >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        Username
-      </span>
-    </div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={undefined}
-      onFocus={undefined}
-      placeholder="ex: kitteh1234"
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="text"
-      value={undefined}
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots Input with submitting = true 1`] = `
-<span>
-  <div>
-    <input
-      disabled={true}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="text"
-      value="user123"
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots Input with type = email 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="email"
-      value="test@test.com"
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots Input with type = password 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="password"
-      value="user123"
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots InputDate default 1`] = `
-<span>
-  <div>
-    <div
-      className="DayPicker"
-      lang="en"
-      onBlur={undefined}
-      onFocus={undefined}
-      onKeyDown={[Function]}
-      role="application"
-      tabIndex={0}
-    >
-      <div
-        className="DayPicker-NavBar"
-      >
-        <span
-          aria-label="Previous Month"
-          className="DayPicker-NavButton DayPicker-NavButton--prev"
-          onClick={[Function]}
-          role="button"
-        />
-        <span
-          aria-label="Next Month"
-          className="DayPicker-NavButton DayPicker-NavButton--next"
-          onClick={[Function]}
-          role="button"
-        />
-      </div>
-      <div
-        className="DayPicker-Month"
-        role="grid"
+        <span
+          aria-label="Previous Month"
+          className="DayPicker-NavButton DayPicker-NavButton--prev"
+          onClick={[Function]}
+          onKeyDown={[Function]}
+          role="button"
+          tabIndex="0"
+        />
+        <span
+          aria-label="Next Month"
+          className="DayPicker-NavButton DayPicker-NavButton--next"
+          onClick={[Function]}
+          onKeyDown={[Function]}
+          role="button"
+          tabIndex="0"
+        />
+      </div>
+      <div
+        className="DayPicker-Month"
+        role="grid"
       >
         <div
           className="DayPicker-Caption"
-          onClick={undefined}
           role="heading"
         >
-          August 2015
+          <div
+            onClick={undefined}
+          >
+            August 2015
+          </div>
         </div>
         <div
           className="DayPicker-Weekdays"
@@ -5322,49 +5828,45 @@ exports[`Snapshots InputDate default 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 01 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5379,15 +5881,17 @@ exports[`Snapshots InputDate default 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 02 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5397,15 +5901,17 @@ exports[`Snapshots InputDate default 1`] = `
               2
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 03 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5415,15 +5921,17 @@ exports[`Snapshots InputDate default 1`] = `
               3
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 04 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5433,15 +5941,17 @@ exports[`Snapshots InputDate default 1`] = `
               4
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 05 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5451,15 +5961,17 @@ exports[`Snapshots InputDate default 1`] = `
               5
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 06 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5469,15 +5981,17 @@ exports[`Snapshots InputDate default 1`] = `
               6
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 07 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5487,15 +6001,17 @@ exports[`Snapshots InputDate default 1`] = `
               7
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 08 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5510,15 +6026,17 @@ exports[`Snapshots InputDate default 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 09 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5528,15 +6046,17 @@ exports[`Snapshots InputDate default 1`] = `
               9
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 10 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5546,15 +6066,17 @@ exports[`Snapshots InputDate default 1`] = `
               10
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 11 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5564,15 +6086,17 @@ exports[`Snapshots InputDate default 1`] = `
               11
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 12 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5582,15 +6106,17 @@ exports[`Snapshots InputDate default 1`] = `
               12
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 13 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5600,15 +6126,17 @@ exports[`Snapshots InputDate default 1`] = `
               13
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 14 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5618,15 +6146,17 @@ exports[`Snapshots InputDate default 1`] = `
               14
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 15 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5641,15 +6171,17 @@ exports[`Snapshots InputDate default 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 16 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5659,15 +6191,17 @@ exports[`Snapshots InputDate default 1`] = `
               16
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 17 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5677,15 +6211,17 @@ exports[`Snapshots InputDate default 1`] = `
               17
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 18 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5695,15 +6231,17 @@ exports[`Snapshots InputDate default 1`] = `
               18
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 19 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5713,15 +6251,17 @@ exports[`Snapshots InputDate default 1`] = `
               19
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 20 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5731,15 +6271,17 @@ exports[`Snapshots InputDate default 1`] = `
               20
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 21 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5749,15 +6291,17 @@ exports[`Snapshots InputDate default 1`] = `
               21
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 22 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5772,15 +6316,17 @@ exports[`Snapshots InputDate default 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 23 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5790,15 +6336,17 @@ exports[`Snapshots InputDate default 1`] = `
               23
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 24 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5808,15 +6356,17 @@ exports[`Snapshots InputDate default 1`] = `
               24
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 25 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5826,15 +6376,17 @@ exports[`Snapshots InputDate default 1`] = `
               25
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 26 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5844,15 +6396,17 @@ exports[`Snapshots InputDate default 1`] = `
               26
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 27 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5862,15 +6416,17 @@ exports[`Snapshots InputDate default 1`] = `
               27
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 28 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5880,15 +6436,17 @@ exports[`Snapshots InputDate default 1`] = `
               28
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 29 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5903,15 +6461,17 @@ exports[`Snapshots InputDate default 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 30 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5921,15 +6481,17 @@ exports[`Snapshots InputDate default 1`] = `
               30
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 31 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -5941,31 +6503,26 @@ exports[`Snapshots InputDate default 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
           </div>
@@ -5973,20 +6530,22 @@ exports[`Snapshots InputDate default 1`] = `
       </div>
     </div>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots InputDate with day selected 1`] = `
-<span>
-  <div>
+<div>
+  <div
+    className="DayPicker"
+    lang="en"
+    role="application"
+  >
     <div
-      className="DayPicker"
-      lang="en"
+      className="DayPicker-wrapper"
       onBlur={undefined}
       onFocus={undefined}
       onKeyDown={[Function]}
-      role="application"
-      tabIndex={0}
+      tabIndex={-1}
     >
       <div
         className="DayPicker-NavBar"
@@ -5995,13 +6554,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
           aria-label="Previous Month"
           className="DayPicker-NavButton DayPicker-NavButton--prev"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
         <span
           aria-label="Next Month"
           className="DayPicker-NavButton DayPicker-NavButton--next"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
       </div>
       <div
@@ -6010,10 +6573,13 @@ exports[`Snapshots InputDate with day selected 1`] = `
       >
         <div
           className="DayPicker-Caption"
-          onClick={undefined}
           role="heading"
         >
-          August 2015
+          <div
+            onClick={undefined}
+          >
+            August 2015
+          </div>
         </div>
         <div
           className="DayPicker-Weekdays"
@@ -6106,49 +6672,45 @@ exports[`Snapshots InputDate with day selected 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 01 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6163,15 +6725,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 02 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6181,15 +6745,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               2
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 03 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6199,15 +6765,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               3
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 04 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6217,15 +6785,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               4
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 05 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6235,15 +6805,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               5
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 06 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6253,15 +6825,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               6
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 07 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6271,15 +6845,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               7
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 08 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6294,15 +6870,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 09 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6312,15 +6890,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               9
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 10 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6330,15 +6910,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               10
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 11 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6348,15 +6930,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               11
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 12 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6366,15 +6950,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               12
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 13 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6384,15 +6970,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               13
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 14 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6402,15 +6990,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               14
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 15 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6425,15 +7015,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 16 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6443,15 +7035,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               16
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 17 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6461,15 +7055,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               17
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 18 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6479,15 +7075,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               18
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 19 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6497,15 +7095,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               19
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 20 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6515,15 +7115,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               20
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 21 2015"
-              aria-selected="true"
+              aria-selected={true}
               className="DayPicker-Day DayPicker-Day--selected"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6533,15 +7135,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               21
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 22 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6556,15 +7160,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 23 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6574,15 +7180,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               23
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 24 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6592,15 +7200,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               24
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 25 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6610,15 +7220,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               25
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 26 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6628,15 +7240,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               26
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 27 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6646,15 +7260,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               27
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 28 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6664,15 +7280,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               28
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 29 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6687,15 +7305,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 30 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6705,15 +7325,17 @@ exports[`Snapshots InputDate with day selected 1`] = `
               30
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 31 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6725,31 +7347,26 @@ exports[`Snapshots InputDate with day selected 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
           </div>
@@ -6757,20 +7374,22 @@ exports[`Snapshots InputDate with day selected 1`] = `
       </div>
     </div>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots InputDate with disabled days 1`] = `
-<span>
-  <div>
+<div>
+  <div
+    className="DayPicker"
+    lang="en"
+    role="application"
+  >
     <div
-      className="DayPicker"
-      lang="en"
+      className="DayPicker-wrapper"
       onBlur={undefined}
       onFocus={undefined}
       onKeyDown={[Function]}
-      role="application"
-      tabIndex={0}
+      tabIndex={-1}
     >
       <div
         className="DayPicker-NavBar"
@@ -6779,13 +7398,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
           aria-label="Previous Month"
           className="DayPicker-NavButton DayPicker-NavButton--prev"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
         <span
           aria-label="Next Month"
           className="DayPicker-NavButton DayPicker-NavButton--next"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
       </div>
       <div
@@ -6794,10 +7417,13 @@ exports[`Snapshots InputDate with disabled days 1`] = `
       >
         <div
           className="DayPicker-Caption"
-          onClick={undefined}
           role="heading"
         >
-          August 2015
+          <div
+            onClick={undefined}
+          >
+            August 2015
+          </div>
         </div>
         <div
           className="DayPicker-Weekdays"
@@ -6890,49 +7516,45 @@ exports[`Snapshots InputDate with disabled days 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sat Aug 01 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6947,15 +7569,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
             role="row"
           >
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sun Aug 02 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6965,15 +7589,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               2
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Mon Aug 03 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -6983,15 +7609,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               3
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Tue Aug 04 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7001,15 +7629,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               4
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Wed Aug 05 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7019,15 +7649,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               5
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Thu Aug 06 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7037,15 +7669,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               6
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Fri Aug 07 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7055,15 +7689,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               7
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sat Aug 08 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7078,15 +7714,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
             role="row"
           >
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sun Aug 09 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7096,15 +7734,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               9
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Mon Aug 10 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7114,15 +7754,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               10
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Tue Aug 11 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7132,15 +7774,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               11
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Wed Aug 12 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7150,15 +7794,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               12
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Thu Aug 13 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7168,15 +7814,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               13
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Fri Aug 14 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7186,15 +7834,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               14
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sat Aug 15 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7209,15 +7859,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
             role="row"
           >
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sun Aug 16 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7227,15 +7879,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               16
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Mon Aug 17 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7245,15 +7899,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               17
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Tue Aug 18 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7263,15 +7919,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               18
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Wed Aug 19 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7281,15 +7939,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               19
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Thu Aug 20 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7299,15 +7959,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               20
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 21 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7317,15 +7979,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               21
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 22 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7340,15 +8004,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 23 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7358,15 +8024,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               23
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 24 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7376,15 +8044,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               24
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 25 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7394,15 +8064,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               25
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 26 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7412,15 +8084,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               26
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 27 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7430,15 +8104,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               27
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 28 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7448,15 +8124,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               28
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 29 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7471,15 +8149,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 30 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7489,15 +8169,17 @@ exports[`Snapshots InputDate with disabled days 1`] = `
               30
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 31 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7509,31 +8191,26 @@ exports[`Snapshots InputDate with disabled days 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
           </div>
@@ -7541,20 +8218,22 @@ exports[`Snapshots InputDate with disabled days 1`] = `
       </div>
     </div>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots InputDate with error 1`] = `
-<span>
-  <div>
+<div>
+  <div
+    className="DayPicker"
+    lang="en"
+    role="application"
+  >
     <div
-      className="DayPicker"
-      lang="en"
+      className="DayPicker-wrapper"
       onBlur={undefined}
       onFocus={undefined}
       onKeyDown={[Function]}
-      role="application"
-      tabIndex={0}
+      tabIndex={-1}
     >
       <div
         className="DayPicker-NavBar"
@@ -7563,13 +8242,17 @@ exports[`Snapshots InputDate with error 1`] = `
           aria-label="Previous Month"
           className="DayPicker-NavButton DayPicker-NavButton--prev"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
         <span
           aria-label="Next Month"
           className="DayPicker-NavButton DayPicker-NavButton--next"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
       </div>
       <div
@@ -7578,10 +8261,13 @@ exports[`Snapshots InputDate with error 1`] = `
       >
         <div
           className="DayPicker-Caption"
-          onClick={undefined}
           role="heading"
         >
-          August 2015
+          <div
+            onClick={undefined}
+          >
+            August 2015
+          </div>
         </div>
         <div
           className="DayPicker-Weekdays"
@@ -7674,49 +8360,45 @@ exports[`Snapshots InputDate with error 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 01 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7731,15 +8413,17 @@ exports[`Snapshots InputDate with error 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 02 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7749,15 +8433,17 @@ exports[`Snapshots InputDate with error 1`] = `
               2
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 03 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7767,15 +8453,17 @@ exports[`Snapshots InputDate with error 1`] = `
               3
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 04 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7785,15 +8473,17 @@ exports[`Snapshots InputDate with error 1`] = `
               4
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 05 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7803,15 +8493,17 @@ exports[`Snapshots InputDate with error 1`] = `
               5
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 06 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7821,15 +8513,17 @@ exports[`Snapshots InputDate with error 1`] = `
               6
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 07 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7839,15 +8533,17 @@ exports[`Snapshots InputDate with error 1`] = `
               7
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 08 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7862,15 +8558,17 @@ exports[`Snapshots InputDate with error 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 09 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7880,15 +8578,17 @@ exports[`Snapshots InputDate with error 1`] = `
               9
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 10 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7898,15 +8598,17 @@ exports[`Snapshots InputDate with error 1`] = `
               10
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 11 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7916,15 +8618,17 @@ exports[`Snapshots InputDate with error 1`] = `
               11
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 12 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7934,15 +8638,17 @@ exports[`Snapshots InputDate with error 1`] = `
               12
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 13 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7952,15 +8658,17 @@ exports[`Snapshots InputDate with error 1`] = `
               13
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 14 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7970,15 +8678,17 @@ exports[`Snapshots InputDate with error 1`] = `
               14
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 15 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -7993,15 +8703,17 @@ exports[`Snapshots InputDate with error 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 16 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8011,15 +8723,17 @@ exports[`Snapshots InputDate with error 1`] = `
               16
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 17 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8029,15 +8743,17 @@ exports[`Snapshots InputDate with error 1`] = `
               17
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 18 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8047,15 +8763,17 @@ exports[`Snapshots InputDate with error 1`] = `
               18
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 19 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8065,15 +8783,17 @@ exports[`Snapshots InputDate with error 1`] = `
               19
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 20 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8083,15 +8803,17 @@ exports[`Snapshots InputDate with error 1`] = `
               20
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 21 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8101,15 +8823,17 @@ exports[`Snapshots InputDate with error 1`] = `
               21
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 22 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8124,15 +8848,17 @@ exports[`Snapshots InputDate with error 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 23 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8142,15 +8868,17 @@ exports[`Snapshots InputDate with error 1`] = `
               23
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 24 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8160,15 +8888,17 @@ exports[`Snapshots InputDate with error 1`] = `
               24
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 25 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8178,15 +8908,17 @@ exports[`Snapshots InputDate with error 1`] = `
               25
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 26 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8196,15 +8928,17 @@ exports[`Snapshots InputDate with error 1`] = `
               26
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 27 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8214,15 +8948,17 @@ exports[`Snapshots InputDate with error 1`] = `
               27
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 28 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8232,15 +8968,17 @@ exports[`Snapshots InputDate with error 1`] = `
               28
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 29 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8255,15 +8993,17 @@ exports[`Snapshots InputDate with error 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 30 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8273,15 +9013,17 @@ exports[`Snapshots InputDate with error 1`] = `
               30
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 31 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8293,73 +9035,70 @@ exports[`Snapshots InputDate with error 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
           </div>
         </div>
       </div>
     </div>
-    <div
+  </div>
+  <div
+    style={
+      Object {
+        "marginTop": "1rem",
+        "textAlign": "center",
+      }
+    }
+  >
+    <span
       style={
         Object {
-          "marginTop": "1rem",
-          "textAlign": "center",
+          "color": "#ff1e1e",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "1rem",
+          "fontWeight": 400,
         }
       }
     >
-      <span
-        style={
-          Object {
-            "color": "#ff1e1e",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        a date must be selected
-      </span>
-    </div>
+      a date must be selected
+    </span>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots InputDate with start of week monday 1`] = `
-<span>
-  <div>
+<div>
+  <div
+    className="DayPicker"
+    lang="en"
+    role="application"
+  >
     <div
-      className="DayPicker"
-      lang="en"
+      className="DayPicker-wrapper"
       onBlur={undefined}
       onFocus={undefined}
       onKeyDown={[Function]}
-      role="application"
-      tabIndex={0}
+      tabIndex={-1}
     >
       <div
         className="DayPicker-NavBar"
@@ -8368,13 +9107,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
           aria-label="Previous Month"
           className="DayPicker-NavButton DayPicker-NavButton--prev"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
         <span
           aria-label="Next Month"
           className="DayPicker-NavButton DayPicker-NavButton--next"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
       </div>
       <div
@@ -8383,10 +9126,13 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
       >
         <div
           className="DayPicker-Caption"
-          onClick={undefined}
           role="heading"
         >
-          August 2015
+          <div
+            onClick={undefined}
+          >
+            August 2015
+          </div>
         </div>
         <div
           className="DayPicker-Weekdays"
@@ -8479,43 +9225,40 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 01 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8525,15 +9268,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               1
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 02 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8548,15 +9293,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 03 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8566,15 +9313,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               3
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 04 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8584,15 +9333,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               4
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 05 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8602,15 +9353,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               5
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 06 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8620,15 +9373,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               6
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 07 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8638,15 +9393,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               7
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 08 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8656,15 +9413,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               8
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 09 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8679,15 +9438,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 10 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8697,15 +9458,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               10
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 11 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8715,15 +9478,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               11
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 12 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8733,15 +9498,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               12
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 13 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8751,15 +9518,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               13
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 14 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8769,15 +9538,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               14
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 15 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8787,15 +9558,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               15
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 16 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8810,15 +9583,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 17 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8828,15 +9603,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               17
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 18 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8846,15 +9623,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               18
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 19 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8864,15 +9643,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               19
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 20 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8882,15 +9663,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               20
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 21 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8900,15 +9683,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               21
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 22 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8918,15 +9703,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               22
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 23 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8941,15 +9728,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 24 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8959,15 +9748,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               24
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Tue Aug 25 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8977,15 +9768,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               25
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Wed Aug 26 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -8995,15 +9788,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               26
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Thu Aug 27 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9013,15 +9808,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               27
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Fri Aug 28 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9031,15 +9828,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               28
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sat Aug 29 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9049,15 +9848,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
               29
             </div>
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Sun Aug 30 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9072,15 +9873,17 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
             role="row"
           >
             <div
-              aria-disabled="false"
+              aria-disabled={false}
               aria-label="Mon Aug 31 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9092,37 +9895,31 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
           </div>
@@ -9130,20 +9927,22 @@ exports[`Snapshots InputDate with start of week monday 1`] = `
       </div>
     </div>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots InputDate with submitting 1`] = `
-<span>
-  <div>
+<div>
+  <div
+    className="DayPicker disabled"
+    lang="en"
+    role="application"
+  >
     <div
-      className="DayPicker disabled"
-      lang="en"
+      className="DayPicker-wrapper"
       onBlur={undefined}
       onFocus={undefined}
       onKeyDown={[Function]}
-      role="application"
-      tabIndex={0}
+      tabIndex={-1}
     >
       <div
         className="DayPicker-NavBar"
@@ -9152,13 +9951,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
           aria-label="Previous Month"
           className="DayPicker-NavButton DayPicker-NavButton--prev"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
         <span
           aria-label="Next Month"
           className="DayPicker-NavButton DayPicker-NavButton--next"
           onClick={[Function]}
+          onKeyDown={[Function]}
           role="button"
+          tabIndex="0"
         />
       </div>
       <div
@@ -9167,10 +9970,13 @@ exports[`Snapshots InputDate with submitting 1`] = `
       >
         <div
           className="DayPicker-Caption"
-          onClick={undefined}
           role="heading"
         >
-          August 2015
+          <div
+            onClick={undefined}
+          >
+            August 2015
+          </div>
         </div>
         <div
           className="DayPicker-Weekdays"
@@ -9263,49 +10069,45 @@ exports[`Snapshots InputDate with submitting 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sat Aug 01 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9320,15 +10122,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
             role="row"
           >
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sun Aug 02 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9338,15 +10142,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               2
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Mon Aug 03 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9356,15 +10162,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               3
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Tue Aug 04 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9374,15 +10182,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               4
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Wed Aug 05 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9392,15 +10202,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               5
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Thu Aug 06 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9410,15 +10222,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               6
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Fri Aug 07 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9428,15 +10242,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               7
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sat Aug 08 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9451,15 +10267,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
             role="row"
           >
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sun Aug 09 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9469,15 +10287,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               9
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Mon Aug 10 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9487,15 +10307,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               10
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Tue Aug 11 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9505,15 +10327,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               11
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Wed Aug 12 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9523,15 +10347,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               12
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Thu Aug 13 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9541,15 +10367,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               13
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Fri Aug 14 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9559,15 +10387,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               14
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sat Aug 15 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9582,15 +10412,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
             role="row"
           >
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sun Aug 16 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9600,15 +10432,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               16
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Mon Aug 17 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9618,15 +10452,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               17
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Tue Aug 18 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9636,15 +10472,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               18
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Wed Aug 19 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9654,15 +10492,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               19
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Thu Aug 20 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9672,15 +10512,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               20
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Fri Aug 21 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9690,15 +10532,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               21
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sat Aug 22 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9713,15 +10557,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
             role="row"
           >
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sun Aug 23 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9731,15 +10577,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               23
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Mon Aug 24 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9749,15 +10597,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               24
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Tue Aug 25 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9767,15 +10617,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               25
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Wed Aug 26 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9785,15 +10637,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               26
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Thu Aug 27 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9803,15 +10657,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               27
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Fri Aug 28 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9821,15 +10677,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               28
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sat Aug 29 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9844,15 +10702,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
             role="row"
           >
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Sun Aug 30 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9862,15 +10722,17 @@ exports[`Snapshots InputDate with submitting 1`] = `
               30
             </div>
             <div
-              aria-disabled="true"
+              aria-disabled={true}
               aria-label="Mon Aug 31 2015"
-              aria-selected="false"
+              aria-selected={false}
               className="DayPicker-Day DayPicker-Day--disabled"
               onClick={[Function]}
               onFocus={undefined}
               onKeyDown={[Function]}
+              onMouseDown={undefined}
               onMouseEnter={undefined}
               onMouseLeave={undefined}
+              onMouseUp={undefined}
               onTouchEnd={undefined}
               onTouchStart={undefined}
               role="gridcell"
@@ -9882,31 +10744,26 @@ exports[`Snapshots InputDate with submitting 1`] = `
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
             <div
               aria-disabled={true}
               className="DayPicker-Day DayPicker-Day--disabled DayPicker-Day--outside"
-              role="gridcell"
               style={undefined}
             />
           </div>
@@ -9914,5048 +10771,9234 @@ exports[`Snapshots InputDate with submitting 1`] = `
       </div>
     </div>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots InputEmail default 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="email"
-      value="test@test.com"
-    />
-  </div>
-</span>
+<div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
+      }
+    }
+    type="email"
+    value="test@test.com"
+  />
+</div>
 `;
 
 exports[`Snapshots InputEmail focused 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderColor": "#168eea",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
+<div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderColor": "#168eea",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
-      type="email"
-      value="test@test.com"
-    />
-  </div>
-</span>
+    }
+    type="email"
+    value="test@test.com"
+  />
+</div>
 `;
 
 exports[`Snapshots InputEmail onFocus + onBlur 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
+<div>
+  <input
+    disabled={undefined}
+    onBlur={[Function]}
+    onChange={[Function]}
+    onFocus={[Function]}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
-      type="email"
-      value="test@test.com"
-    />
-  </div>
-</span>
+    }
+    type="email"
+    value="test@test.com"
+  />
+</div>
 `;
 
 exports[`Snapshots InputEmail with error 1`] = `
-<span>
-  <div>
-    <div
-      style={
-        Object {
-          "marginBottom": "1rem",
-        }
+<div>
+  <div
+    style={
+      Object {
+        "marginBottom": "1rem",
       }
-    >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        Email
-      </span>
-    </div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
+    }
+  >
+    <span
       style={
         Object {
-          "border": "0.063rem solid #ced7df",
-          "borderColor": "#ff1e1e",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
+          "color": "#59626a",
           "fontFamily": "\\"Open Sans\\", sans-serif",
           "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
+          "fontWeight": 400,
         }
       }
-      type="email"
-      value="test@test.com"
-    />
-    <div
+    >
+      Email
+    </span>
+  </div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderColor": "#ff1e1e",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
+      }
+    }
+    type="email"
+    value="test@test.com"
+  />
+  <div
+    style={
+      Object {
+        "marginTop": "1rem",
+      }
+    }
+  >
+    <span
       style={
         Object {
-          "marginTop": "1rem",
+          "color": "#ff1e1e",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "1rem",
+          "fontWeight": 400,
         }
       }
     >
-      <span
-        style={
-          Object {
-            "color": "#ff1e1e",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        unknown email address
-      </span>
-    </div>
+      unknown email address
+    </span>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots InputEmail with label 1`] = `
-<span>
-  <div>
-    <div
-      style={
-        Object {
-          "marginBottom": "1rem",
-        }
+<div>
+  <div
+    style={
+      Object {
+        "marginBottom": "1rem",
       }
-    >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        Email
-      </span>
-    </div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
+    }
+  >
+    <span
       style={
         Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
+          "color": "#59626a",
           "fontFamily": "\\"Open Sans\\", sans-serif",
           "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
+          "fontWeight": 400,
         }
       }
-      type="email"
-      value="test@test.com"
-    />
+    >
+      Email
+    </span>
   </div>
-</span>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
+      }
+    }
+    type="email"
+    value="test@test.com"
+  />
+</div>
 `;
 
 exports[`Snapshots InputEmail with placeholder 1`] = `
-<span>
-  <div>
-    <div
-      style={
-        Object {
-          "marginBottom": "1rem",
-        }
+<div>
+  <div
+    style={
+      Object {
+        "marginBottom": "1rem",
       }
-    >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        Email
-      </span>
-    </div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={undefined}
-      onFocus={undefined}
-      placeholder="ex: test@test.com"
+    }
+  >
+    <span
       style={
         Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
+          "color": "#59626a",
           "fontFamily": "\\"Open Sans\\", sans-serif",
           "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
+          "fontWeight": 400,
         }
       }
-      type="email"
-      value={undefined}
-    />
+    >
+      Email
+    </span>
   </div>
-</span>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={undefined}
+    onFocus={undefined}
+    placeholder="ex: test@test.com"
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
+      }
+    }
+    type="email"
+    value={undefined}
+  />
+</div>
 `;
 
 exports[`Snapshots InputEmail with submitting = true 1`] = `
-<span>
-  <div>
-    <input
-      disabled={true}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
+<div>
+  <input
+    disabled={true}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
-      type="email"
-      value="test@test.com"
-    />
-  </div>
-</span>
+    }
+    type="email"
+    value="test@test.com"
+  />
+</div>
 `;
 
 exports[`Snapshots InputPassword default 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
+<div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
-      type="password"
-      value="password"
-    />
-  </div>
-</span>
+    }
+    type="password"
+    value="password"
+  />
+</div>
 `;
 
 exports[`Snapshots InputPassword focused 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderColor": "#168eea",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
+<div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderColor": "#168eea",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
-      type="password"
-      value="password"
-    />
-  </div>
-</span>
+    }
+    type="password"
+    value="password"
+  />
+</div>
 `;
 
 exports[`Snapshots InputPassword onFocus + onBlur 1`] = `
-<span>
-  <div>
-    <input
-      disabled={undefined}
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
+<div>
+  <input
+    disabled={undefined}
+    onBlur={[Function]}
+    onChange={[Function]}
+    onFocus={[Function]}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
-      type="password"
-      value="password"
-    />
-  </div>
-</span>
+    }
+    type="password"
+    value="password"
+  />
+</div>
 `;
 
 exports[`Snapshots InputPassword with error 1`] = `
-<span>
-  <div>
-    <div
-      style={
-        Object {
-          "marginBottom": "1rem",
-        }
+<div>
+  <div
+    style={
+      Object {
+        "marginBottom": "1rem",
       }
-    >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        Password
-      </span>
-    </div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
+    }
+  >
+    <span
       style={
         Object {
-          "border": "0.063rem solid #ced7df",
-          "borderColor": "#ff1e1e",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
+          "color": "#59626a",
           "fontFamily": "\\"Open Sans\\", sans-serif",
           "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
-      }
-      type="password"
-      value="password"
-    />
-    <div
-      style={
-        Object {
-          "marginTop": "1rem",
+          "fontWeight": 400,
         }
       }
     >
-      <span
-        style={
-          Object {
-            "color": "#ff1e1e",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        invalid password
-      </span>
-    </div>
+      Password
+    </span>
   </div>
-</span>
-`;
-
-exports[`Snapshots InputPassword with label 1`] = `
-<span>
-  <div>
-    <div
-      style={
-        Object {
-          "marginBottom": "1rem",
-        }
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderColor": "#ff1e1e",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
       }
-    >
-      <span
-        style={
-          Object {
-            "color": "#59626a",
-            "fontFamily": "\\"Open Sans\\", sans-serif",
-            "fontSize": "1rem",
-            "fontWeight": 400,
-          }
-        }
-      >
-        Password
-      </span>
-    </div>
-    <input
-      disabled={undefined}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
-      style={
-        Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
-        }
+    }
+    type="password"
+    value="password"
+  />
+  <div
+    style={
+      Object {
+        "marginTop": "1rem",
       }
-      type="password"
-      value="password"
-    />
-  </div>
-</span>
-`;
-
-exports[`Snapshots InputPassword with submitting = true 1`] = `
-<span>
-  <div>
-    <input
-      disabled={true}
-      onBlur={undefined}
-      onChange={[Function]}
-      onFocus={undefined}
-      placeholder={undefined}
+    }
+  >
+    <span
       style={
         Object {
-          "border": "0.063rem solid #ced7df",
-          "borderRadius": "0.126rem",
-          "boxSizing": "border-box",
+          "color": "#ff1e1e",
           "fontFamily": "\\"Open Sans\\", sans-serif",
           "fontSize": "1rem",
-          "outline": 0,
-          "padding": "0.5rem",
-          "width": "100%",
+          "fontWeight": 400,
         }
       }
-      type="password"
-      value="password"
-    />
+    >
+      invalid password
+    </span>
   </div>
-</span>
+</div>
 `;
 
-exports[`Snapshots InputTime default 1`] = `
-<span>
+exports[`Snapshots InputPassword with label 1`] = `
+<div>
   <div
     style={
       Object {
-        "display": "inline-flex",
-        "marginRight": "0.25rem",
+        "marginBottom": "1rem",
       }
     }
   >
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+    <span
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "color": "#59626a",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "1rem",
+          "fontWeight": 400,
         }
       }
-      value={0}
     >
-      <option
-        value={0}
-      >
-        12
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+      Password
+    </span>
+  </div>
+  <input
+    disabled={undefined}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
+      }
+    }
+    type="password"
+    value="password"
+  />
+</div>
+`;
+
+exports[`Snapshots InputPassword with submitting = true 1`] = `
+<div>
+  <input
+    disabled={true}
+    onBlur={undefined}
+    onChange={[Function]}
+    onFocus={undefined}
+    placeholder={undefined}
+    style={
+      Object {
+        "border": "0.063rem solid #ced7df",
+        "borderRadius": "0.126rem",
+        "boxSizing": "border-box",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "outline": 0,
+        "padding": "0.5rem",
+        "width": "100%",
+      }
+    }
+    type="password"
+    value="password"
+  />
+</div>
+`;
+
+exports[`Snapshots InputTime default 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={0}
     >
-      <option
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
         value={0}
       >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
+        <option
+          value={0}
+        >
+          12
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        19
-      </option>
-      <option
-        value={20}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": "0.25rem",
+        "marginRight": "0.25rem",
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={0}
       >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
-      >
-        26
-      </option>
-      <option
-        value={27}
-      >
-        27
-      </option>
-      <option
-        value={28}
-      >
-        28
-      </option>
-      <option
-        value={29}
-      >
-        29
-      </option>
-      <option
-        value={30}
-      >
-        30
-      </option>
-      <option
-        value={31}
-      >
-        31
-      </option>
-      <option
-        value={32}
-      >
-        32
-      </option>
-      <option
-        value={33}
-      >
-        33
-      </option>
-      <option
-        value={34}
-      >
-        34
-      </option>
-      <option
-        value={35}
-      >
-        35
-      </option>
-      <option
-        value={36}
-      >
-        36
-      </option>
-      <option
-        value={37}
-      >
-        37
-      </option>
-      <option
-        value={38}
-      >
-        38
-      </option>
-      <option
-        value={39}
-      >
-        39
-      </option>
-      <option
-        value={40}
-      >
-        40
-      </option>
-      <option
-        value={41}
-      >
-        41
-      </option>
-      <option
-        value={42}
-      >
-        42
-      </option>
-      <option
-        value={43}
-      >
-        43
-      </option>
-      <option
-        value={44}
-      >
-        44
-      </option>
-      <option
-        value={45}
-      >
-        45
-      </option>
-      <option
-        value={46}
-      >
-        46
-      </option>
-      <option
-        value={47}
-      >
-        47
-      </option>
-      <option
-        value={48}
-      >
-        48
-      </option>
-      <option
-        value={49}
-      >
-        49
-      </option>
-      <option
-        value={50}
-      >
-        50
-      </option>
-      <option
-        value={51}
-      >
-        51
-      </option>
-      <option
-        value={52}
-      >
-        52
-      </option>
-      <option
-        value={53}
-      >
-        53
-      </option>
-      <option
-        value={54}
-      >
-        54
-      </option>
-      <option
-        value={55}
-      >
-        55
-      </option>
-      <option
-        value={56}
-      >
-        56
-      </option>
-      <option
-        value={57}
-      >
-        57
-      </option>
-      <option
-        value={58}
-      >
-        58
-      </option>
-      <option
-        value={59}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        59
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value="AM"
     >
-      <option
+      <select
+        aria-label={null}
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
         value="AM"
       >
-        AM
-      </option>
-      <option
-        value="PM"
+        <option
+          value="AM"
+        >
+          AM
+        </option>
+        <option
+          value="PM"
+        >
+          PM
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        PM
-      </option>
-    </select>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots InputTime disabled 1`] = `
-<span>
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
   <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "display": "inline-flex",
-        "marginRight": "0.25rem",
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
       }
     }
   >
-    <select
-      disabled={true}
-      onChange={[Function]}
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={0}
     >
-      <option
+      <select
+        aria-label="Hour"
+        disabled={true}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
         value={0}
       >
-        12
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
+        <option
+          value={0}
+        >
+          12
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        11
-      </option>
-    </select>
-    <select
-      disabled={true}
-      onChange={[Function]}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": "0.25rem",
+        "marginRight": "0.25rem",
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={0}
     >
-      <option
+      <select
+        aria-label="Minute"
+        disabled={true}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
         value={0}
       >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
-      >
-        26
-      </option>
-      <option
-        value={27}
-      >
-        27
-      </option>
-      <option
-        value={28}
-      >
-        28
-      </option>
-      <option
-        value={29}
-      >
-        29
-      </option>
-      <option
-        value={30}
-      >
-        30
-      </option>
-      <option
-        value={31}
-      >
-        31
-      </option>
-      <option
-        value={32}
-      >
-        32
-      </option>
-      <option
-        value={33}
-      >
-        33
-      </option>
-      <option
-        value={34}
-      >
-        34
-      </option>
-      <option
-        value={35}
-      >
-        35
-      </option>
-      <option
-        value={36}
-      >
-        36
-      </option>
-      <option
-        value={37}
-      >
-        37
-      </option>
-      <option
-        value={38}
-      >
-        38
-      </option>
-      <option
-        value={39}
-      >
-        39
-      </option>
-      <option
-        value={40}
-      >
-        40
-      </option>
-      <option
-        value={41}
-      >
-        41
-      </option>
-      <option
-        value={42}
-      >
-        42
-      </option>
-      <option
-        value={43}
-      >
-        43
-      </option>
-      <option
-        value={44}
-      >
-        44
-      </option>
-      <option
-        value={45}
-      >
-        45
-      </option>
-      <option
-        value={46}
-      >
-        46
-      </option>
-      <option
-        value={47}
-      >
-        47
-      </option>
-      <option
-        value={48}
-      >
-        48
-      </option>
-      <option
-        value={49}
-      >
-        49
-      </option>
-      <option
-        value={50}
-      >
-        50
-      </option>
-      <option
-        value={51}
-      >
-        51
-      </option>
-      <option
-        value={52}
-      >
-        52
-      </option>
-      <option
-        value={53}
-      >
-        53
-      </option>
-      <option
-        value={54}
-      >
-        54
-      </option>
-      <option
-        value={55}
-      >
-        55
-      </option>
-      <option
-        value={56}
-      >
-        56
-      </option>
-      <option
-        value={57}
-      >
-        57
-      </option>
-      <option
-        value={58}
-      >
-        58
-      </option>
-      <option
-        value={59}
-      >
-        59
-      </option>
-    </select>
-    <select
-      disabled={true}
-      onChange={[Function]}
-      style={
-        Object {
-          "marginRight": "0.25rem",
-        }
-      }
-      value="AM"
-    >
-      <option
-        value="AM"
-      >
-        AM
-      </option>
-      <option
-        value="PM"
-      >
-        PM
-      </option>
-    </select>
-  </div>
-</span>
-`;
-
-exports[`Snapshots InputTime noStyle 1`] = `
-<span>
-  <div
-    style={
-      Object {
-        "MozAppearance": "none",
-        "WebkitAppearance": "none",
-        "background": "transparent",
-        "border": 0,
-        "display": "inline-flex",
-        "marginBottom": 0,
-        "marginLeft": 0,
-        "marginRight": "0.25rem",
-        "marginTop": 0,
-        "padding": 0,
-      }
-    }
-  >
-    <select
-      disabled={undefined}
-      onChange={[Function]}
-      style={
-        Object {
-          "MozAppearance": "none",
-          "WebkitAppearance": "none",
-          "background": "transparent",
-          "border": 0,
-          "display": "inline-flex",
-          "marginBottom": 0,
-          "marginLeft": 0,
-          "marginRight": "0.25rem",
-          "marginTop": 0,
-          "padding": 0,
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
         }
-      }
-      value={0}
-    >
-      <option
-        value={0}
-      >
-        12
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
       >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "MozAppearance": "none",
-          "WebkitAppearance": "none",
-          "background": "transparent",
-          "border": 0,
-          "display": "inline-flex",
-          "marginBottom": 0,
-          "marginLeft": 0,
-          "marginRight": "0.25rem",
-          "marginTop": 0,
-          "padding": 0,
+          "position": "relative",
         }
       }
-      value={0}
     >
-      <option
-        value={0}
-      >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
-      >
-        26
-      </option>
-      <option
-        value={27}
-      >
-        27
-      </option>
-      <option
-        value={28}
-      >
-        28
-      </option>
-      <option
-        value={29}
-      >
-        29
-      </option>
-      <option
-        value={30}
-      >
-        30
-      </option>
-      <option
-        value={31}
-      >
-        31
-      </option>
-      <option
-        value={32}
-      >
-        32
-      </option>
-      <option
-        value={33}
-      >
-        33
-      </option>
-      <option
-        value={34}
-      >
-        34
-      </option>
-      <option
-        value={35}
-      >
-        35
-      </option>
-      <option
-        value={36}
-      >
-        36
-      </option>
-      <option
-        value={37}
-      >
-        37
-      </option>
-      <option
-        value={38}
-      >
-        38
-      </option>
-      <option
-        value={39}
-      >
-        39
-      </option>
-      <option
-        value={40}
-      >
-        40
-      </option>
-      <option
-        value={41}
-      >
-        41
-      </option>
-      <option
-        value={42}
-      >
-        42
-      </option>
-      <option
-        value={43}
-      >
-        43
-      </option>
-      <option
-        value={44}
-      >
-        44
-      </option>
-      <option
-        value={45}
-      >
-        45
-      </option>
-      <option
-        value={46}
-      >
-        46
-      </option>
-      <option
-        value={47}
-      >
-        47
-      </option>
-      <option
-        value={48}
-      >
-        48
-      </option>
-      <option
-        value={49}
-      >
-        49
-      </option>
-      <option
-        value={50}
-      >
-        50
-      </option>
-      <option
-        value={51}
-      >
-        51
-      </option>
-      <option
-        value={52}
-      >
-        52
-      </option>
-      <option
-        value={53}
-      >
-        53
-      </option>
-      <option
-        value={54}
+      <select
+        aria-label={null}
+        disabled={true}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value="AM"
       >
-        54
-      </option>
-      <option
-        value={55}
+        <option
+          value="AM"
+        >
+          AM
+        </option>
+        <option
+          value="PM"
+        >
+          PM
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        55
-      </option>
-      <option
-        value={56}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputTime displayTimeColon 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={0}
       >
-        56
-      </option>
-      <option
-        value={57}
+        <option
+          value={0}
+        >
+          12
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        57
-      </option>
-      <option
-        value={58}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    style={
+      Object {
+        "alignItems": "center",
+        "display": "flex",
+        "flex": 0,
+        "marginLeft": "0.1rem",
+        "marginRight": "0.1rem",
+      }
+    }
+  >
+    <span
+      style={
+        Object {
+          "color": "#59626a",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "0.8rem",
+          "fontWeight": 400,
+        }
+      }
+    >
+      :
+    </span>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": "0.25rem",
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={0}
       >
-        58
-      </option>
-      <option
-        value={59}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        59
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "MozAppearance": "none",
-          "WebkitAppearance": "none",
-          "background": "transparent",
-          "border": 0,
-          "margin": 0,
-          "marginRight": "0.25rem",
-          "padding": 0,
+          "position": "relative",
         }
       }
-      value="AM"
     >
-      <option
+      <select
+        aria-label={null}
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
         value="AM"
       >
-        AM
-      </option>
-      <option
-        value="PM"
+        <option
+          value="AM"
+        >
+          AM
+        </option>
+        <option
+          value="PM"
+        >
+          PM
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        PM
-      </option>
-    </select>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
   </div>
-</span>
+</div>
 `;
 
-exports[`Snapshots InputTime noStyle with 24 hour selection 1`] = `
-<span>
+exports[`Snapshots InputTime displayTimeColon minimal 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
   <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "MozAppearance": "none",
-        "WebkitAppearance": "none",
-        "background": "transparent",
-        "border": 0,
-        "display": "inline-flex",
-        "marginBottom": 0,
+        "display": "flex",
+        "flex": 1,
+        "flexDirection": "column",
         "marginLeft": 0,
-        "marginRight": "0.25rem",
-        "marginTop": 0,
-        "padding": 0,
+        "marginRight": 0,
+        "position": "relative",
       }
     }
   >
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+    <div
       style={
         Object {
-          "MozAppearance": "none",
-          "WebkitAppearance": "none",
-          "background": "transparent",
-          "border": 0,
-          "display": "inline-flex",
-          "marginBottom": 0,
-          "marginLeft": 0,
-          "marginRight": "0.25rem",
-          "marginTop": 0,
-          "padding": 0,
+          "position": "relative",
         }
       }
-      value={0}
     >
-      <option
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": 0,
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "auto",
+            "margin": 0,
+            "padding": 0,
+            "paddingLeft": 0,
+            "textAlignLast": "center",
+            "width": "100%",
+          }
+        }
         value={0}
       >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+        <option
+          value={0}
+        >
+          12
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+      </select>
+    </div>
+  </div>
+  <div
+    style={
+      Object {
+        "alignItems": "center",
+        "display": "flex",
+        "flex": 0,
+        "marginLeft": 0,
+        "marginRight": 0,
+      }
+    }
+  >
+    <span
       style={
         Object {
-          "MozAppearance": "none",
-          "WebkitAppearance": "none",
-          "background": "transparent",
-          "border": 0,
-          "display": "inline-flex",
-          "marginBottom": 0,
-          "marginLeft": 0,
-          "marginRight": "0.25rem",
-          "marginTop": 0,
-          "padding": 0,
+          "color": "#59626a",
+          "fontFamily": "\\"Open Sans\\", sans-serif",
+          "fontSize": "0.8rem",
+          "fontWeight": 400,
         }
       }
-      value={0}
     >
-      <option
+      :
+    </span>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "flex": 1,
+        "flexDirection": "column",
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": 0,
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "auto",
+            "margin": 0,
+            "padding": 0,
+            "paddingLeft": 0,
+            "textAlignLast": "center",
+            "width": "100%",
+          }
+        }
         value={0}
       >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
-      >
-        26
-      </option>
-      <option
-        value={27}
-      >
-        27
-      </option>
-      <option
-        value={28}
-      >
-        28
-      </option>
-      <option
-        value={29}
-      >
-        29
-      </option>
-      <option
-        value={30}
-      >
-        30
-      </option>
-      <option
-        value={31}
-      >
-        31
-      </option>
-      <option
-        value={32}
-      >
-        32
-      </option>
-      <option
-        value={33}
-      >
-        33
-      </option>
-      <option
-        value={34}
-      >
-        34
-      </option>
-      <option
-        value={35}
-      >
-        35
-      </option>
-      <option
-        value={36}
-      >
-        36
-      </option>
-      <option
-        value={37}
-      >
-        37
-      </option>
-      <option
-        value={38}
-      >
-        38
-      </option>
-      <option
-        value={39}
-      >
-        39
-      </option>
-      <option
-        value={40}
-      >
-        40
-      </option>
-      <option
-        value={41}
-      >
-        41
-      </option>
-      <option
-        value={42}
-      >
-        42
-      </option>
-      <option
-        value={43}
-      >
-        43
-      </option>
-      <option
-        value={44}
-      >
-        44
-      </option>
-      <option
-        value={45}
-      >
-        45
-      </option>
-      <option
-        value={46}
-      >
-        46
-      </option>
-      <option
-        value={47}
-      >
-        47
-      </option>
-      <option
-        value={48}
-      >
-        48
-      </option>
-      <option
-        value={49}
-      >
-        49
-      </option>
-      <option
-        value={50}
-      >
-        50
-      </option>
-      <option
-        value={51}
-      >
-        51
-      </option>
-      <option
-        value={52}
-      >
-        52
-      </option>
-      <option
-        value={53}
-      >
-        53
-      </option>
-      <option
-        value={54}
-      >
-        54
-      </option>
-      <option
-        value={55}
-      >
-        55
-      </option>
-      <option
-        value={56}
-      >
-        56
-      </option>
-      <option
-        value={57}
-      >
-        57
-      </option>
-      <option
-        value={58}
-      >
-        58
-      </option>
-      <option
-        value={59}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "flex": 1,
+        "flexDirection": "column",
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label={null}
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": 0,
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "auto",
+            "margin": 0,
+            "padding": 0,
+            "paddingLeft": 0,
+            "textAlignLast": "center",
+            "width": "100%",
+          }
+        }
+        value="AM"
       >
-        59
-      </option>
-    </select>
+        <option
+          value="AM"
+        >
+          AM
+        </option>
+        <option
+          value="PM"
+        >
+          PM
+        </option>
+      </select>
+    </div>
   </div>
-</span>
+</div>
 `;
 
-exports[`Snapshots InputTime with 24 hour selection 1`] = `
-<span>
+exports[`Snapshots InputTime minimal 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
   <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "display": "inline-flex",
-        "marginRight": "0.25rem",
+        "display": "flex",
+        "flex": 1,
+        "flexDirection": "column",
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
       }
     }
   >
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={0}
     >
-      <option
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": 0,
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "auto",
+            "margin": 0,
+            "padding": 0,
+            "paddingLeft": 0,
+            "textAlignLast": "center",
+            "width": "100%",
+          }
+        }
         value={0}
       >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
+        <option
+          value={0}
+        >
+          12
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+      </select>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "flex": 1,
+        "flexDirection": "column",
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": 0,
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "auto",
+            "margin": 0,
+            "padding": 0,
+            "paddingLeft": 0,
+            "textAlignLast": "center",
+            "width": "100%",
+          }
+        }
+        value={0}
       >
-        22
-      </option>
-      <option
-        value={23}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "flex": 1,
+        "flexDirection": "column",
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label={null}
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": 0,
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "auto",
+            "margin": 0,
+            "padding": 0,
+            "paddingLeft": 0,
+            "textAlignLast": "center",
+            "width": "100%",
+          }
+        }
+        value="AM"
       >
-        23
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+        <option
+          value="AM"
+        >
+          AM
+        </option>
+        <option
+          value="PM"
+        >
+          PM
+        </option>
+      </select>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputTime minimal with 24 hour selection 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "flex": 1,
+        "flexDirection": "column",
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={0}
     >
-      <option
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": 0,
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "auto",
+            "margin": 0,
+            "padding": 0,
+            "paddingLeft": 0,
+            "textAlignLast": "center",
+            "width": "100%",
+          }
+        }
         value={0}
       >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
-      >
-        26
-      </option>
-      <option
-        value={27}
-      >
-        27
-      </option>
-      <option
-        value={28}
-      >
-        28
-      </option>
-      <option
-        value={29}
-      >
-        29
-      </option>
-      <option
-        value={30}
-      >
-        30
-      </option>
-      <option
-        value={31}
-      >
-        31
-      </option>
-      <option
-        value={32}
-      >
-        32
-      </option>
-      <option
-        value={33}
-      >
-        33
-      </option>
-      <option
-        value={34}
-      >
-        34
-      </option>
-      <option
-        value={35}
-      >
-        35
-      </option>
-      <option
-        value={36}
-      >
-        36
-      </option>
-      <option
-        value={37}
-      >
-        37
-      </option>
-      <option
-        value={38}
-      >
-        38
-      </option>
-      <option
-        value={39}
-      >
-        39
-      </option>
-      <option
-        value={40}
-      >
-        40
-      </option>
-      <option
-        value={41}
-      >
-        41
-      </option>
-      <option
-        value={42}
-      >
-        42
-      </option>
-      <option
-        value={43}
-      >
-        43
-      </option>
-      <option
-        value={44}
-      >
-        44
-      </option>
-      <option
-        value={45}
-      >
-        45
-      </option>
-      <option
-        value={46}
-      >
-        46
-      </option>
-      <option
-        value={47}
-      >
-        47
-      </option>
-      <option
-        value={48}
-      >
-        48
-      </option>
-      <option
-        value={49}
-      >
-        49
-      </option>
-      <option
-        value={50}
-      >
-        50
-      </option>
-      <option
-        value={51}
-      >
-        51
-      </option>
-      <option
-        value={52}
-      >
-        52
-      </option>
-      <option
-        value={53}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+      </select>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "flex": 1,
+        "flexDirection": "column",
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": 0,
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "auto",
+            "margin": 0,
+            "padding": 0,
+            "paddingLeft": 0,
+            "textAlignLast": "center",
+            "width": "100%",
+          }
+        }
+        value={0}
       >
-        53
-      </option>
-      <option
-        value={54}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputTime with 24 hour selection 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={0}
       >
-        54
-      </option>
-      <option
-        value={55}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        55
-      </option>
-      <option
-        value={56}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": "0.25rem",
+        "marginRight": "0.25rem",
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={0}
       >
-        56
-      </option>
-      <option
-        value={57}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        57
-      </option>
-      <option
-        value={58}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputTime with afternoon value set 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={11}
       >
-        58
-      </option>
-      <option
-        value={59}
+        <option
+          value={0}
+        >
+          12
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        59
-      </option>
-    </select>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
   </div>
-</span>
-`;
-
-exports[`Snapshots InputTime with afternoon value set 1`] = `
-<span>
   <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "display": "inline-flex",
+        "flex": 1,
+        "marginLeft": "0.25rem",
         "marginRight": "0.25rem",
+        "position": "relative",
       }
     }
   >
-    <select
-      disabled={undefined}
-      onChange={[Function]}
-      style={
-        Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
-        }
-      }
-      value={11}
-    >
-      <option
-        value={0}
-      >
-        12
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
-      style={
-        Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
-        }
-      }
-      value={32}
-    >
-      <option
-        value={0}
-      >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
-      >
-        26
-      </option>
-      <option
-        value={27}
-      >
-        27
-      </option>
-      <option
-        value={28}
-      >
-        28
-      </option>
-      <option
-        value={29}
-      >
-        29
-      </option>
-      <option
-        value={30}
-      >
-        30
-      </option>
-      <option
-        value={31}
-      >
-        31
-      </option>
-      <option
-        value={32}
-      >
-        32
-      </option>
-      <option
-        value={33}
-      >
-        33
-      </option>
-      <option
-        value={34}
-      >
-        34
-      </option>
-      <option
-        value={35}
-      >
-        35
-      </option>
-      <option
-        value={36}
-      >
-        36
-      </option>
-      <option
-        value={37}
-      >
-        37
-      </option>
-      <option
-        value={38}
-      >
-        38
-      </option>
-      <option
-        value={39}
-      >
-        39
-      </option>
-      <option
-        value={40}
-      >
-        40
-      </option>
-      <option
-        value={41}
-      >
-        41
-      </option>
-      <option
-        value={42}
-      >
-        42
-      </option>
-      <option
-        value={43}
-      >
-        43
-      </option>
-      <option
-        value={44}
-      >
-        44
-      </option>
-      <option
-        value={45}
-      >
-        45
-      </option>
-      <option
-        value={46}
-      >
-        46
-      </option>
-      <option
-        value={47}
-      >
-        47
-      </option>
-      <option
-        value={48}
-      >
-        48
-      </option>
-      <option
-        value={49}
-      >
-        49
-      </option>
-      <option
-        value={50}
-      >
-        50
-      </option>
-      <option
-        value={51}
-      >
-        51
-      </option>
-      <option
-        value={52}
-      >
-        52
-      </option>
-      <option
-        value={53}
-      >
-        53
-      </option>
-      <option
-        value={54}
-      >
-        54
-      </option>
-      <option
-        value={55}
-      >
-        55
-      </option>
-      <option
-        value={56}
-      >
-        56
-      </option>
-      <option
-        value={57}
-      >
-        57
-      </option>
-      <option
-        value={58}
-      >
-        58
-      </option>
-      <option
-        value={59}
-      >
-        59
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+    <div
       style={
         Object {
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value="AM"
     >
-      <option
-        value="AM"
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={32}
       >
-        AM
-      </option>
-      <option
-        value="PM"
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        PM
-      </option>
-    </select>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
   </div>
-</span>
-`;
-
-exports[`Snapshots InputTime with afternoon value set and 24 hour selection 1`] = `
-<span>
   <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "display": "inline-flex",
-        "marginRight": "0.25rem",
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
       }
     }
   >
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={16}
     >
-      <option
-        value={0}
-      >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
+      <select
+        aria-label={null}
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value="AM"
       >
-        22
-      </option>
-      <option
-        value={23}
+        <option
+          value="AM"
+        >
+          AM
+        </option>
+        <option
+          value="PM"
+        >
+          PM
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        23
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputTime with afternoon value set and 24 hour selection 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={33}
     >
-      <option
-        value={0}
-      >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
         value={16}
       >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
-      >
-        26
-      </option>
-      <option
-        value={27}
-      >
-        27
-      </option>
-      <option
-        value={28}
-      >
-        28
-      </option>
-      <option
-        value={29}
-      >
-        29
-      </option>
-      <option
-        value={30}
-      >
-        30
-      </option>
-      <option
-        value={31}
-      >
-        31
-      </option>
-      <option
-        value={32}
-      >
-        32
-      </option>
-      <option
-        value={33}
-      >
-        33
-      </option>
-      <option
-        value={34}
-      >
-        34
-      </option>
-      <option
-        value={35}
-      >
-        35
-      </option>
-      <option
-        value={36}
-      >
-        36
-      </option>
-      <option
-        value={37}
-      >
-        37
-      </option>
-      <option
-        value={38}
-      >
-        38
-      </option>
-      <option
-        value={39}
-      >
-        39
-      </option>
-      <option
-        value={40}
-      >
-        40
-      </option>
-      <option
-        value={41}
-      >
-        41
-      </option>
-      <option
-        value={42}
-      >
-        42
-      </option>
-      <option
-        value={43}
-      >
-        43
-      </option>
-      <option
-        value={44}
-      >
-        44
-      </option>
-      <option
-        value={45}
-      >
-        45
-      </option>
-      <option
-        value={46}
-      >
-        46
-      </option>
-      <option
-        value={47}
-      >
-        47
-      </option>
-      <option
-        value={48}
-      >
-        48
-      </option>
-      <option
-        value={49}
-      >
-        49
-      </option>
-      <option
-        value={50}
-      >
-        50
-      </option>
-      <option
-        value={51}
-      >
-        51
-      </option>
-      <option
-        value={52}
-      >
-        52
-      </option>
-      <option
-        value={53}
-      >
-        53
-      </option>
-      <option
-        value={54}
-      >
-        54
-      </option>
-      <option
-        value={55}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        55
-      </option>
-      <option
-        value={56}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": "0.25rem",
+        "marginRight": "0.25rem",
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={33}
       >
-        56
-      </option>
-      <option
-        value={57}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        57
-      </option>
-      <option
-        value={58}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputTime with form submitting 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Hour"
+        disabled={true}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={16}
       >
-        58
-      </option>
-      <option
-        value={59}
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          01
+        </option>
+        <option
+          value={14}
+        >
+          02
+        </option>
+        <option
+          value={15}
+        >
+          03
+        </option>
+        <option
+          value={16}
+        >
+          04
+        </option>
+        <option
+          value={17}
+        >
+          05
+        </option>
+        <option
+          value={18}
+        >
+          06
+        </option>
+        <option
+          value={19}
+        >
+          07
+        </option>
+        <option
+          value={20}
+        >
+          08
+        </option>
+        <option
+          value={21}
+        >
+          09
+        </option>
+        <option
+          value={22}
+        >
+          10
+        </option>
+        <option
+          value={23}
+        >
+          11
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        59
-      </option>
-    </select>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
   </div>
-</span>
-`;
-
-exports[`Snapshots InputTime with form submitting 1`] = `
-<span>
   <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "display": "inline-flex",
+        "flex": 1,
+        "marginLeft": "0.25rem",
         "marginRight": "0.25rem",
+        "position": "relative",
       }
     }
   >
-    <select
-      disabled={true}
-      onChange={[Function]}
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={16}
     >
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        01
-      </option>
-      <option
-        value={14}
-      >
-        02
-      </option>
-      <option
-        value={15}
-      >
-        03
-      </option>
-      <option
-        value={16}
-      >
-        04
-      </option>
-      <option
-        value={17}
-      >
-        05
-      </option>
-      <option
-        value={18}
-      >
-        06
-      </option>
-      <option
-        value={19}
-      >
-        07
-      </option>
-      <option
-        value={20}
-      >
-        08
-      </option>
-      <option
-        value={21}
-      >
-        09
-      </option>
-      <option
-        value={22}
+      <select
+        aria-label="Minute"
+        disabled={true}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={33}
       >
-        10
-      </option>
-      <option
-        value={23}
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        11
-      </option>
-    </select>
-    <select
-      disabled={true}
-      onChange={[Function]}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={33}
     >
-      <option
-        value={0}
-      >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
-      >
-        26
-      </option>
-      <option
-        value={27}
-      >
-        27
-      </option>
-      <option
-        value={28}
-      >
-        28
-      </option>
-      <option
-        value={29}
-      >
-        29
-      </option>
-      <option
-        value={30}
-      >
-        30
-      </option>
-      <option
-        value={31}
-      >
-        31
-      </option>
-      <option
-        value={32}
-      >
-        32
-      </option>
-      <option
-        value={33}
-      >
-        33
-      </option>
-      <option
-        value={34}
-      >
-        34
-      </option>
-      <option
-        value={35}
-      >
-        35
-      </option>
-      <option
-        value={36}
-      >
-        36
-      </option>
-      <option
-        value={37}
-      >
-        37
-      </option>
-      <option
-        value={38}
-      >
-        38
-      </option>
-      <option
-        value={39}
-      >
-        39
-      </option>
-      <option
-        value={40}
-      >
-        40
-      </option>
-      <option
-        value={41}
-      >
-        41
-      </option>
-      <option
-        value={42}
-      >
-        42
-      </option>
-      <option
-        value={43}
-      >
-        43
-      </option>
-      <option
-        value={44}
-      >
-        44
-      </option>
-      <option
-        value={45}
-      >
-        45
-      </option>
-      <option
-        value={46}
-      >
-        46
-      </option>
-      <option
-        value={47}
-      >
-        47
-      </option>
-      <option
-        value={48}
-      >
-        48
-      </option>
-      <option
-        value={49}
-      >
-        49
-      </option>
-      <option
-        value={50}
-      >
-        50
-      </option>
-      <option
-        value={51}
-      >
-        51
-      </option>
-      <option
-        value={52}
-      >
-        52
-      </option>
-      <option
-        value={53}
-      >
-        53
-      </option>
-      <option
-        value={54}
-      >
-        54
-      </option>
-      <option
-        value={55}
-      >
-        55
-      </option>
-      <option
-        value={56}
+      <select
+        aria-label={null}
+        disabled={true}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value="PM"
       >
-        56
-      </option>
-      <option
-        value={57}
+        <option
+          value="AM"
+        >
+          AM
+        </option>
+        <option
+          value="PM"
+        >
+          PM
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        57
-      </option>
-      <option
-        value={58}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputTime with value set 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "width": "100%",
+    }
+  }
+>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
+      }
+    }
+  >
+    <div
+      style={
+        Object {
+          "position": "relative",
+        }
+      }
+    >
+      <select
+        aria-label="Hour"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={10}
       >
-        58
-      </option>
-      <option
-        value={59}
+        <option
+          value={0}
+        >
+          12
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        59
-      </option>
-    </select>
-    <select
-      disabled={true}
-      onChange={[Function]}
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "marginLeft": "0.25rem",
+        "marginRight": "0.25rem",
+        "position": "relative",
+      }
+    }
+  >
+    <div
       style={
         Object {
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value="PM"
     >
-      <option
-        value="AM"
+      <select
+        aria-label="Minute"
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
+        }
+        value={32}
       >
-        AM
-      </option>
-      <option
-        value="PM"
+        <option
+          value={0}
+        >
+          00
+        </option>
+        <option
+          value={1}
+        >
+          01
+        </option>
+        <option
+          value={2}
+        >
+          02
+        </option>
+        <option
+          value={3}
+        >
+          03
+        </option>
+        <option
+          value={4}
+        >
+          04
+        </option>
+        <option
+          value={5}
+        >
+          05
+        </option>
+        <option
+          value={6}
+        >
+          06
+        </option>
+        <option
+          value={7}
+        >
+          07
+        </option>
+        <option
+          value={8}
+        >
+          08
+        </option>
+        <option
+          value={9}
+        >
+          09
+        </option>
+        <option
+          value={10}
+        >
+          10
+        </option>
+        <option
+          value={11}
+        >
+          11
+        </option>
+        <option
+          value={12}
+        >
+          12
+        </option>
+        <option
+          value={13}
+        >
+          13
+        </option>
+        <option
+          value={14}
+        >
+          14
+        </option>
+        <option
+          value={15}
+        >
+          15
+        </option>
+        <option
+          value={16}
+        >
+          16
+        </option>
+        <option
+          value={17}
+        >
+          17
+        </option>
+        <option
+          value={18}
+        >
+          18
+        </option>
+        <option
+          value={19}
+        >
+          19
+        </option>
+        <option
+          value={20}
+        >
+          20
+        </option>
+        <option
+          value={21}
+        >
+          21
+        </option>
+        <option
+          value={22}
+        >
+          22
+        </option>
+        <option
+          value={23}
+        >
+          23
+        </option>
+        <option
+          value={24}
+        >
+          24
+        </option>
+        <option
+          value={25}
+        >
+          25
+        </option>
+        <option
+          value={26}
+        >
+          26
+        </option>
+        <option
+          value={27}
+        >
+          27
+        </option>
+        <option
+          value={28}
+        >
+          28
+        </option>
+        <option
+          value={29}
+        >
+          29
+        </option>
+        <option
+          value={30}
+        >
+          30
+        </option>
+        <option
+          value={31}
+        >
+          31
+        </option>
+        <option
+          value={32}
+        >
+          32
+        </option>
+        <option
+          value={33}
+        >
+          33
+        </option>
+        <option
+          value={34}
+        >
+          34
+        </option>
+        <option
+          value={35}
+        >
+          35
+        </option>
+        <option
+          value={36}
+        >
+          36
+        </option>
+        <option
+          value={37}
+        >
+          37
+        </option>
+        <option
+          value={38}
+        >
+          38
+        </option>
+        <option
+          value={39}
+        >
+          39
+        </option>
+        <option
+          value={40}
+        >
+          40
+        </option>
+        <option
+          value={41}
+        >
+          41
+        </option>
+        <option
+          value={42}
+        >
+          42
+        </option>
+        <option
+          value={43}
+        >
+          43
+        </option>
+        <option
+          value={44}
+        >
+          44
+        </option>
+        <option
+          value={45}
+        >
+          45
+        </option>
+        <option
+          value={46}
+        >
+          46
+        </option>
+        <option
+          value={47}
+        >
+          47
+        </option>
+        <option
+          value={48}
+        >
+          48
+        </option>
+        <option
+          value={49}
+        >
+          49
+        </option>
+        <option
+          value={50}
+        >
+          50
+        </option>
+        <option
+          value={51}
+        >
+          51
+        </option>
+        <option
+          value={52}
+        >
+          52
+        </option>
+        <option
+          value={53}
+        >
+          53
+        </option>
+        <option
+          value={54}
+        >
+          54
+        </option>
+        <option
+          value={55}
+        >
+          55
+        </option>
+        <option
+          value={56}
+        >
+          56
+        </option>
+        <option
+          value={57}
+        >
+          57
+        </option>
+        <option
+          value={58}
+        >
+          58
+        </option>
+        <option
+          value={59}
+        >
+          59
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        PM
-      </option>
-    </select>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
   </div>
-</span>
-`;
-
-exports[`Snapshots InputTime with value set 1`] = `
-<span>
   <div
+    onBlur={[Function]}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "display": "inline-flex",
-        "marginRight": "0.25rem",
+        "flex": 1,
+        "marginLeft": 0,
+        "marginRight": 0,
+        "position": "relative",
       }
     }
   >
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+    <div
       style={
         Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+          "position": "relative",
         }
       }
-      value={10}
     >
-      <option
-        value={0}
-      >
-        12
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-    </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
-      style={
-        Object {
-          "display": "inline-flex",
-          "marginRight": "0.25rem",
+      <select
+        aria-label={null}
+        disabled={false}
+        onChange={[Function]}
+        style={
+          Object {
+            "MozAppearance": "none",
+            "WebkitAppearance": "none",
+            "appearance": "none",
+            "background": "transparent",
+            "border": "0.063rem solid #e6ebef",
+            "borderRadius": "0.126rem",
+            "color": "#59626a",
+            "fontSize": "0.8rem",
+            "height": "2rem",
+            "padding": "0 1.5rem 0 0.5rem",
+            "paddingRight": "1rem",
+            "width": "100%",
+          }
         }
-      }
-      value={32}
-    >
-      <option
-        value={0}
-      >
-        00
-      </option>
-      <option
-        value={1}
-      >
-        01
-      </option>
-      <option
-        value={2}
-      >
-        02
-      </option>
-      <option
-        value={3}
-      >
-        03
-      </option>
-      <option
-        value={4}
-      >
-        04
-      </option>
-      <option
-        value={5}
-      >
-        05
-      </option>
-      <option
-        value={6}
-      >
-        06
-      </option>
-      <option
-        value={7}
-      >
-        07
-      </option>
-      <option
-        value={8}
-      >
-        08
-      </option>
-      <option
-        value={9}
-      >
-        09
-      </option>
-      <option
-        value={10}
-      >
-        10
-      </option>
-      <option
-        value={11}
-      >
-        11
-      </option>
-      <option
-        value={12}
-      >
-        12
-      </option>
-      <option
-        value={13}
-      >
-        13
-      </option>
-      <option
-        value={14}
-      >
-        14
-      </option>
-      <option
-        value={15}
-      >
-        15
-      </option>
-      <option
-        value={16}
-      >
-        16
-      </option>
-      <option
-        value={17}
-      >
-        17
-      </option>
-      <option
-        value={18}
-      >
-        18
-      </option>
-      <option
-        value={19}
-      >
-        19
-      </option>
-      <option
-        value={20}
-      >
-        20
-      </option>
-      <option
-        value={21}
-      >
-        21
-      </option>
-      <option
-        value={22}
-      >
-        22
-      </option>
-      <option
-        value={23}
-      >
-        23
-      </option>
-      <option
-        value={24}
-      >
-        24
-      </option>
-      <option
-        value={25}
-      >
-        25
-      </option>
-      <option
-        value={26}
+        value="AM"
       >
-        26
-      </option>
-      <option
-        value={27}
+        <option
+          value="AM"
+        >
+          AM
+        </option>
+        <option
+          value="PM"
+        >
+          PM
+        </option>
+      </select>
+      <div
+        style={
+          Object {
+            "alignItems": "center",
+            "backgroundColor": "#fcfcfc",
+            "borderLeft": "0.063rem solid #e6ebef",
+            "borderRadiusBottomRight": "0.126rem",
+            "borderRadiusTopRight": "0.126rem",
+            "display": "flex",
+            "flexDirection": "column",
+            "height": "1.874rem",
+            "pointerEvents": "none",
+            "position": "absolute",
+            "right": "0.063rem",
+            "top": "0.063rem",
+            "width": "1rem",
+          }
+        }
       >
-        27
-      </option>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+                transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          style={
+            Object {
+              "fontFamily": "none",
+              "height": "0.937rem",
+            }
+          }
+        >
+          <svg
+            height="100%"
+            style={
+              Object {
+                "fill": "#59626a",
+                "height": "0.75rem",
+                "width": "0.75rem",
+              }
+            }
+            version="1.1"
+            viewBox="0 0 16 16"
+            width="100%"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlnsXlink="http://www.w3.org/1999/xlink"
+          >
+            <g
+              className="shuttleGray"
+            >
+              <path
+                d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+                transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputWeekday default 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+    }
+  }
+>
+  <div
+    style={
+      Object {
+        "position": "relative",
+      }
+    }
+  >
+    <select
+      aria-label="choose days"
+      disabled={false}
+      onChange={[Function]}
+      style={
+        Object {
+          "MozAppearance": "none",
+          "WebkitAppearance": "none",
+          "appearance": "none",
+          "background": "transparent",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#59626a",
+          "fontSize": "0.8rem",
+          "height": "2rem",
+          "padding": "0 1.5rem 0 0.5rem",
+          "width": "100%",
+        }
+      }
+      value={undefined}
+    >
       <option
-        value={28}
+        value="everyday"
       >
-        28
+        Every Day
       </option>
       <option
-        value={29}
+        value="weekdays"
       >
-        29
+        Weekdays
       </option>
       <option
-        value={30}
+        value="weekends"
       >
-        30
+        Weekends
       </option>
       <option
-        value={31}
+        value="mon"
       >
-        31
+        Monday
       </option>
       <option
-        value={32}
+        value="tue"
       >
-        32
+        Tuesday
       </option>
       <option
-        value={33}
+        value="wed"
       >
-        33
+        Wednesday
       </option>
       <option
-        value={34}
+        value="thu"
       >
-        34
+        Thursday
       </option>
       <option
-        value={35}
+        value="fri"
       >
-        35
+        Friday
       </option>
       <option
-        value={36}
+        value="sat"
       >
-        36
+        Saturday
       </option>
       <option
-        value={37}
+        value="sun"
       >
-        37
+        Sunday
       </option>
-      <option
-        value={38}
+    </select>
+    <div
+      style={
+        Object {
+          "pointerEvents": "none",
+          "position": "absolute",
+          "right": "0.5rem",
+          "top": "0.5rem",
+        }
+      }
+    >
+      <svg
+        height="100%"
+        style={
+          Object {
+            "fill": "#59626a",
+            "height": "1rem",
+            "width": "1rem",
+          }
+        }
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
       >
-        38
-      </option>
+        <g
+          className="shuttleGray"
+        >
+          <path
+            d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+            transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputWeekday with form submitting 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+    }
+  }
+>
+  <div
+    style={
+      Object {
+        "position": "relative",
+      }
+    }
+  >
+    <select
+      aria-label="choose days"
+      disabled={true}
+      onChange={[Function]}
+      style={
+        Object {
+          "MozAppearance": "none",
+          "WebkitAppearance": "none",
+          "appearance": "none",
+          "background": "transparent",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#59626a",
+          "fontSize": "0.8rem",
+          "height": "2rem",
+          "padding": "0 1.5rem 0 0.5rem",
+          "width": "100%",
+        }
+      }
+      value="wed"
+    >
       <option
-        value={39}
+        value="everyday"
       >
-        39
+        Every Day
       </option>
       <option
-        value={40}
+        value="weekdays"
       >
-        40
+        Weekdays
       </option>
       <option
-        value={41}
+        value="weekends"
       >
-        41
+        Weekends
       </option>
       <option
-        value={42}
+        value="mon"
       >
-        42
+        Monday
       </option>
       <option
-        value={43}
+        value="tue"
       >
-        43
+        Tuesday
       </option>
       <option
-        value={44}
+        value="wed"
       >
-        44
+        Wednesday
       </option>
       <option
-        value={45}
+        value="thu"
       >
-        45
+        Thursday
       </option>
       <option
-        value={46}
+        value="fri"
       >
-        46
+        Friday
       </option>
       <option
-        value={47}
+        value="sat"
       >
-        47
+        Saturday
       </option>
       <option
-        value={48}
+        value="sun"
       >
-        48
+        Sunday
       </option>
-      <option
-        value={49}
+    </select>
+    <div
+      style={
+        Object {
+          "pointerEvents": "none",
+          "position": "absolute",
+          "right": "0.5rem",
+          "top": "0.5rem",
+        }
+      }
+    >
+      <svg
+        height="100%"
+        style={
+          Object {
+            "fill": "#59626a",
+            "height": "1rem",
+            "width": "1rem",
+          }
+        }
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
       >
-        49
-      </option>
+        <g
+          className="shuttleGray"
+        >
+          <path
+            d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+            transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots InputWeekday with value set 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+    }
+  }
+>
+  <div
+    style={
+      Object {
+        "position": "relative",
+      }
+    }
+  >
+    <select
+      aria-label="choose days"
+      disabled={false}
+      onChange={[Function]}
+      style={
+        Object {
+          "MozAppearance": "none",
+          "WebkitAppearance": "none",
+          "appearance": "none",
+          "background": "transparent",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#59626a",
+          "fontSize": "0.8rem",
+          "height": "2rem",
+          "padding": "0 1.5rem 0 0.5rem",
+          "width": "100%",
+        }
+      }
+      value="tue"
+    >
       <option
-        value={50}
+        value="everyday"
       >
-        50
+        Every Day
       </option>
       <option
-        value={51}
+        value="weekdays"
       >
-        51
+        Weekdays
       </option>
       <option
-        value={52}
+        value="weekends"
       >
-        52
+        Weekends
       </option>
       <option
-        value={53}
+        value="mon"
       >
-        53
+        Monday
       </option>
       <option
-        value={54}
+        value="tue"
       >
-        54
+        Tuesday
       </option>
       <option
-        value={55}
+        value="wed"
       >
-        55
+        Wednesday
       </option>
       <option
-        value={56}
+        value="thu"
       >
-        56
+        Thursday
       </option>
       <option
-        value={57}
+        value="fri"
       >
-        57
+        Friday
       </option>
       <option
-        value={58}
+        value="sat"
       >
-        58
+        Saturday
       </option>
       <option
-        value={59}
+        value="sun"
       >
-        59
+        Sunday
       </option>
     </select>
-    <select
-      disabled={undefined}
-      onChange={[Function]}
+    <div
       style={
         Object {
-          "marginRight": "0.25rem",
+          "pointerEvents": "none",
+          "position": "absolute",
+          "right": "0.5rem",
+          "top": "0.5rem",
         }
       }
-      value="AM"
     >
-      <option
-        value="AM"
-      >
-        AM
-      </option>
-      <option
-        value="PM"
+      <svg
+        height="100%"
+        style={
+          Object {
+            "fill": "#59626a",
+            "height": "1rem",
+            "width": "1rem",
+          }
+        }
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
       >
-        PM
-      </option>
-    </select>
+        <g
+          className="shuttleGray"
+        >
+          <path
+            d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+            transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+          />
+        </g>
+      </svg>
+    </div>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots Link default 1`] = `
-<span>
-  <a
-    href="https://twitter.com"
-    onBlur={[Function]}
-    onFocus={[Function]}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
+<a
+  href="https://twitter.com"
+  onBlur={[Function]}
+  onClick={undefined}
+  onFocus={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "color": "#168eea",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "padding": "0",
+    }
+  }
+  target="_self"
+>
+  Twitter
+</a>
+`;
+
+exports[`Snapshots Link onClick 1`] = `
+<a
+  href="#"
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "color": "#168eea",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "outline": "none",
+      "padding": "0",
+      "textDecoration": "none",
+    }
+  }
+  target="_self"
+>
+  Twitter
+</a>
+`;
+
+exports[`Snapshots Link unstyled 1`] = `
+<a
+  href="https://twitter.com"
+  onBlur={[Function]}
+  onClick={undefined}
+  onFocus={[Function]}
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+  style={
+    Object {
+      "color": "#168eea",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "outline": "none",
+      "padding": "0",
+      "textDecoration": "none",
+    }
+  }
+  target="_self"
+>
+  Twitter
+</a>
+`;
+
+exports[`Snapshots LinkStateless default 1`] = `
+<div>
+  <a
+    href="https://twitter.com"
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
     style={
       Object {
         "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
     target="_self"
   >
     Twitter
   </a>
-</span>
-`;
-
-exports[`Snapshots Link unstyled 1`] = `
-<span>
+  <br />
   <a
-    href="https://twitter.com"
-    onBlur={[Function]}
-    onFocus={[Function]}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
+    href="https://buffer.com"
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
     style={
       Object {
         "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "textDecoration": "none",
+        "padding": "0",
       }
     }
     target="_self"
   >
-    Twitter
+    Buffer
   </a>
-</span>
+</div>
 `;
 
-exports[`Snapshots LinkStateless default 1`] = `
-<span>
-  <div>
-    <a
-      href="https://twitter.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      Twitter
-    </a>
-    <br />
-    <a
-      href="https://buffer.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      Buffer
-    </a>
-  </div>
-</span>
+exports[`Snapshots LinkStateless focused 1`] = `
+<a
+  href="https://twitter.com"
+  onBlur={undefined}
+  onClick={undefined}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "boxShadow": "0 0 0.25rem #168eea",
+      "color": "#168eea",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "padding": "0",
+    }
+  }
+  target="_self"
+>
+  Twitter
+</a>
 `;
 
-exports[`Snapshots LinkStateless focused 1`] = `
-<span>
+exports[`Snapshots LinkStateless hovered 1`] = `
+<div>
   <a
     href="https://twitter.com"
     onBlur={undefined}
+    onClick={undefined}
     onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
-        "boxShadow": "0 0 0.25rem #168eea",
-        "color": "#168eea",
+        "color": "#137ac9",
         "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
     target="_self"
   >
     Twitter
   </a>
-</span>
-`;
-
-exports[`Snapshots LinkStateless hovered 1`] = `
-<span>
-  <div>
-    <a
-      href="https://twitter.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "color": "#137ac9",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      Twitter
-    </a>
-    <br />
-    <a
-      href="https://buffer.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "color": "#137ac9",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
+  <br />
+  <a
+    href="https://buffer.com"
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
+    style={
+      Object {
+        "color": "#137ac9",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
-      target="_self"
-    >
-      Buffer
-    </a>
-  </div>
-</span>
+    }
+    target="_self"
+  >
+    Buffer
+  </a>
+</div>
 `;
 
 exports[`Snapshots LinkStateless newTab 1`] = `
-<span>
-  <div>
-    <a
-      href="https://twitter.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_blank"
-    >
-      Twitter
-    </a>
-    <br />
-    <a
-      href="https://buffer.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_blank"
-    >
-      Buffer
-    </a>
-  </div>
-</span>
-`;
-
-exports[`Snapshots LinkStateless onFocus + onBlur 1`] = `
-<span>
+<div>
   <a
     href="https://twitter.com"
-    onBlur={[Function]}
-    onFocus={[Function]}
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
     onMouseEnter={undefined}
     onMouseLeave={undefined}
     style={
       Object {
         "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
     }
-    target="_self"
+    target="_blank"
   >
     Twitter
   </a>
-</span>
+  <br />
+  <a
+    href="https://buffer.com"
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
+    style={
+      Object {
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
+      }
+    }
+    target="_blank"
+  >
+    Buffer
+  </a>
+</div>
+`;
+
+exports[`Snapshots LinkStateless onClick 1`] = `
+<a
+  href={undefined}
+  onBlur={undefined}
+  onClick={[Function]}
+  onFocus={undefined}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "color": "#168eea",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "padding": "0",
+    }
+  }
+  target="_self"
+>
+  Twitter
+</a>
+`;
+
+exports[`Snapshots LinkStateless onFocus + onBlur 1`] = `
+<a
+  href="https://twitter.com"
+  onBlur={[Function]}
+  onClick={undefined}
+  onFocus={[Function]}
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "color": "#168eea",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "padding": "0",
+    }
+  }
+  target="_self"
+>
+  Twitter
+</a>
 `;
 
 exports[`Snapshots LinkStateless onMouseEnter + onMouseLeave 1`] = `
-<span>
-  <div>
-    <a
-      href="https://twitter.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
+<div>
+  <a
+    href="https://twitter.com"
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
-      target="_self"
-    >
-      Twitter
-    </a>
-    <br />
-    <a
-      href="https://buffer.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
+    }
+    target="_self"
+  >
+    Twitter
+  </a>
+  <br />
+  <a
+    href="https://buffer.com"
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
-      target="_self"
-    >
-      Buffer
-    </a>
-  </div>
-</span>
+    }
+    target="_self"
+  >
+    Buffer
+  </a>
+</div>
 `;
 
 exports[`Snapshots LinkStateless unstyled 1`] = `
-<span>
-  <div>
-    <a
-      href="https://twitter.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "textDecoration": "none",
-        }
+<div>
+  <a
+    href="https://twitter.com"
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
+    style={
+      Object {
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "outline": "none",
+        "padding": "0",
+        "textDecoration": "none",
       }
-      target="_self"
-    >
-      Twitter
-    </a>
-    <br />
-    <a
-      href="https://buffer.com"
-      onBlur={undefined}
-      onFocus={undefined}
-      onMouseEnter={undefined}
-      onMouseLeave={undefined}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "textDecoration": "none",
-        }
+    }
+    target="_self"
+  >
+    Twitter
+  </a>
+  <br />
+  <a
+    href="https://buffer.com"
+    onBlur={undefined}
+    onClick={undefined}
+    onFocus={undefined}
+    onMouseEnter={undefined}
+    onMouseLeave={undefined}
+    style={
+      Object {
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "outline": "none",
+        "padding": "0",
+        "textDecoration": "none",
       }
-      target="_self"
-    >
-      Buffer
-    </a>
-  </div>
-</span>
+    }
+    target="_self"
+  >
+    Buffer
+  </a>
+</div>
 `;
 
-exports[`Snapshots LinkifiedText default 1`] = `
-<span>
-  <span
+exports[`Snapshots LinkifiedText black text, unstyled link 1`] = `
+<span
+  style={
+    Object {
+      "color": "#000",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+    }
+  }
+>
+  a 
+  <a
+    href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "color": "#59626a",
+        "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
+        "outline": "none",
+        "padding": "0",
+        "textDecoration": "none",
       }
     }
+    target="_self"
   >
-    a 
-    <a
-      href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      blog.twitter.com/2011/05/twitte…
-    </a>
-     b
-  </span>
+    blog.twitter.com/2011/05/twitte…
+  </a>
+   b
 </span>
 `;
 
-exports[`Snapshots LinkifiedText empty string 1`] = `
-<span>
-  <span
+exports[`Snapshots LinkifiedText default 1`] = `
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+    }
+  }
+>
+  a 
+  <a
+    href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "color": "#59626a",
+        "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
+        "padding": "0",
       }
     }
-  />
+    target="_self"
+  >
+    blog.twitter.com/2011/05/twitte…
+  </a>
+   b
 </span>
 `;
 
+exports[`Snapshots LinkifiedText empty string 1`] = `
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+    }
+  }
+/>
+`;
+
 exports[`Snapshots LinkifiedText newTab 1`] = `
-<span>
-  <span
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+    }
+  }
+>
+  a 
+  <a
+    href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "color": "#59626a",
+        "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
+        "padding": "0",
       }
     }
+    target="_blank"
   >
-    a 
-    <a
-      href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_blank"
-    >
-      blog.twitter.com/2011/05/twitte…
-    </a>
-     b
-  </span>
+    blog.twitter.com/2011/05/twitte…
+  </a>
+   b
 </span>
 `;
 
 exports[`Snapshots LinkifiedText no links 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
     }
-  >
-    a b
-  </span>
+  }
+>
+  a b
 </span>
 `;
 
 exports[`Snapshots LinkifiedText size: small 1`] = `
-<span>
-  <span
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
+    }
+  }
+>
+  a 
+  <a
+    href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "color": "#59626a",
+        "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.8rem",
-        "fontWeight": 400,
+        "padding": "0",
       }
     }
+    target="_self"
   >
-    a 
-    <a
-      href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      blog.twitter.com/2011/05/twitte…
-    </a>
-     b
-  </span>
+    blog.twitter.com/2011/05/twitte…
+  </a>
+   b
 </span>
 `;
 
 exports[`Snapshots LinkifiedText two links 1`] = `
-<span>
-  <span
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+    }
+  }
+>
+  a 
+  <a
+    href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "color": "#59626a",
+        "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
+        "padding": "0",
       }
     }
+    target="_self"
   >
-    a 
-    <a
-      href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
-      }
-      target="_self"
-    >
-      blog.twitter.com/2011/05/twitte…
-    </a>
-     b 
-    <a
-      href="https://buffer.com"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-        }
+    blog.twitter.com/2011/05/twitte…
+  </a>
+   b 
+  <a
+    href="https://buffer.com"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    style={
+      Object {
+        "color": "#168eea",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "padding": "0",
       }
-      target="_self"
-    >
-      buffer.com
-    </a>
-     c
-  </span>
+    }
+    target="_self"
+  >
+    buffer.com
+  </a>
+   c
 </span>
 `;
 
 exports[`Snapshots LinkifiedText unstyled 1`] = `
-<span>
-  <span
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+    }
+  }
+>
+  a 
+  <a
+    href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
+    onBlur={[Function]}
+    onClick={undefined}
+    onFocus={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
     style={
       Object {
-        "color": "#59626a",
+        "color": "#168eea",
         "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
+        "outline": "none",
+        "padding": "0",
+        "textDecoration": "none",
       }
     }
+    target="_self"
   >
-    a 
-    <a
-      href="http://blog.twitter.com/2011/05/twitter-for-mac-update.html"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      style={
-        Object {
-          "color": "#168eea",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "textDecoration": "none",
-        }
-      }
-      target="_self"
-    >
-      blog.twitter.com/2011/05/twitte…
-    </a>
-     b
-  </span>
+    blog.twitter.com/2011/05/twitte…
+  </a>
+   b
 </span>
 `;
 
 exports[`Snapshots List default 1`] = `
-<span>
-  <ul
+<ul
+  style={
+    Object {
+      "listStyleType": "none",
+      "margin": 0,
+      "padding": 0,
+    }
+  }
+>
+  <li
     style={
       Object {
-        "listStyleType": "none",
-        "margin": 0,
-        "padding": 0,
+        "listStyle": "none",
       }
     }
   >
-    <li
-      style={
-        Object {
-          "listStyle": "none",
-        }
-      }
-    >
-      apples
-    </li>
-    <li
-      style={
-        Object {
-          "listStyle": "none",
-        }
-      }
-    >
-      bananas
-    </li>
-    <li
-      style={
-        Object {
-          "listStyle": "none",
-        }
+    apples
+  </li>
+  <li
+    style={
+      Object {
+        "listStyle": "none",
       }
-    >
-      oranges
-    </li>
-  </ul>
-</span>
+    }
+  >
+    bananas
+  </li>
+  <li
+    style={
+      Object {
+        "listStyle": "none",
+      }
+    }
+  >
+    oranges
+  </li>
+</ul>
 `;
 
 exports[`Snapshots List with ids 1`] = `
-<span>
-  <ul
+<ul
+  style={
+    Object {
+      "listStyleType": "none",
+      "margin": 0,
+      "padding": 0,
+    }
+  }
+>
+  <li
     style={
       Object {
-        "listStyleType": "none",
-        "margin": 0,
-        "padding": 0,
+        "listStyle": "none",
       }
     }
   >
-    <li
-      style={
-        Object {
-          "listStyle": "none",
-        }
-      }
-    >
-      <code>
-        1
-      </code>
-    </li>
-    <li
-      style={
-        Object {
-          "listStyle": "none",
-        }
-      }
-    >
-      <code>
-        2
-      </code>
-    </li>
-  </ul>
-</span>
-`;
-
-exports[`Snapshots ListItem default 1`] = `
-<span>
+    <code>
+      1
+    </code>
+  </li>
   <li
     style={
       Object {
@@ -14963,154 +20006,300 @@ exports[`Snapshots ListItem default 1`] = `
       }
     }
   >
-    Bananas
+    <code>
+      2
+    </code>
   </li>
-</span>
+</ul>
+`;
+
+exports[`Snapshots ListItem default 1`] = `
+<li
+  style={
+    Object {
+      "listStyle": "none",
+    }
+  }
+>
+  Bananas
+</li>
 `;
 
 exports[`Snapshots Loader default 1`] = `
-<span>
+<div
+  style={
+    Object {
+      "textAlign": "center",
+    }
+  }
+>
   <div
     style={
       Object {
-        "textAlign": "center",
+        "height": "1rem",
+        "margin": "0 auto 1rem auto",
+        "position": "relative",
+        "width": "1rem",
       }
     }
   >
-    <div
-      style={
-        Object {
-          "height": "1rem",
-          "margin": "0 auto 1rem auto",
-          "position": "relative",
-          "width": "1rem",
+    <span>
+      <div
+        style={
+          Object {
+            "height": "1rem",
+            "left": 0,
+            "opacity": 0,
+            "position": "absolute",
+            "top": 0,
+            "transition": "all 1000ms ease-in-out",
+            "width": "1rem",
+          }
         }
-      }
-    >
-      <span>
-        <div
+      >
+        <svg
+          height="100%"
           style={
             Object {
+              "fill": "#59626a",
               "height": "1rem",
-              "left": 0,
-              "opacity": 0,
-              "position": "absolute",
-              "top": 0,
-              "transition": "all 1000ms ease-in-out",
               "width": "1rem",
             }
           }
+          version="1.1"
+          viewBox="0 0 16 16"
+          width="100%"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlnsXlink="http://www.w3.org/1999/xlink"
         >
-          <svg
-            height="100%"
-            style={
-              Object {
-                "fill": "#59626a",
-                "height": "1rem",
-                "width": "1rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 16 16"
-            width="100%"
-            xmlns="http://www.w3.org/2000/svg"
-            xmlnsXlink="http://www.w3.org/1999/xlink"
+          <g
+            className="shuttleGray"
           >
-            <g
-              className="shuttleGray"
-            >
-              <path
-                d="M1.10241622,4.34038738 L7.75166358,7.40469806 C7.88821853,7.46764349 8.11178147,7.46764349 8.24833642,7.40469806 L14.8975838,4.34038738 C15.0341387,4.27744195 15.0341387,4.17446518 14.8975838,4.11151975 L8.24833642,1.04720908 C8.11178147,0.984263641 7.88821853,0.984263641 7.75166358,1.04720908 L1.10241622,4.11151975 C0.965861261,4.17446518 0.965861261,4.27744195 1.10241622,4.34038738"
-              />
-            </g>
-          </svg>
-        </div>
-      </span>
-    </div>
+            <path
+              d="M1.10241622,4.34038738 L7.75166358,7.40469806 C7.88821853,7.46764349 8.11178147,7.46764349 8.24833642,7.40469806 L14.8975838,4.34038738 C15.0341387,4.27744195 15.0341387,4.17446518 14.8975838,4.11151975 L8.24833642,1.04720908 C8.11178147,0.984263641 7.88821853,0.984263641 7.75166358,1.04720908 L1.10241622,4.11151975 C0.965861261,4.17446518 0.965861261,4.27744195 1.10241622,4.34038738"
+            />
+          </g>
+        </svg>
+      </div>
+    </span>
   </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots Loader withText 1`] = `
-<span>
+<div
+  style={
+    Object {
+      "textAlign": "center",
+    }
+  }
+>
   <div
     style={
       Object {
-        "textAlign": "center",
+        "height": "1rem",
+        "margin": "0 auto 1rem auto",
+        "position": "relative",
+        "width": "1rem",
       }
     }
   >
-    <div
-      style={
-        Object {
-          "height": "1rem",
-          "margin": "0 auto 1rem auto",
-          "position": "relative",
-          "width": "1rem",
+    <span>
+      <div
+        style={
+          Object {
+            "height": "1rem",
+            "left": 0,
+            "opacity": 0,
+            "position": "absolute",
+            "top": 0,
+            "transition": "all 1000ms ease-in-out",
+            "width": "1rem",
+          }
         }
-      }
-    >
-      <span>
-        <div
+      >
+        <svg
+          height="100%"
           style={
             Object {
+              "fill": "#59626a",
               "height": "1rem",
-              "left": 0,
-              "opacity": 0,
-              "position": "absolute",
-              "top": 0,
-              "transition": "all 1000ms ease-in-out",
               "width": "1rem",
             }
           }
+          version="1.1"
+          viewBox="0 0 16 16"
+          width="100%"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlnsXlink="http://www.w3.org/1999/xlink"
         >
-          <svg
-            height="100%"
-            style={
-              Object {
-                "fill": "#59626a",
-                "height": "1rem",
-                "width": "1rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 16 16"
-            width="100%"
-            xmlns="http://www.w3.org/2000/svg"
-            xmlnsXlink="http://www.w3.org/1999/xlink"
+          <g
+            className="shuttleGray"
           >
-            <g
-              className="shuttleGray"
-            >
-              <path
-                d="M1.10241622,4.34038738 L7.75166358,7.40469806 C7.88821853,7.46764349 8.11178147,7.46764349 8.24833642,7.40469806 L14.8975838,4.34038738 C15.0341387,4.27744195 15.0341387,4.17446518 14.8975838,4.11151975 L8.24833642,1.04720908 C8.11178147,0.984263641 7.88821853,0.984263641 7.75166358,1.04720908 L1.10241622,4.11151975 C0.965861261,4.17446518 0.965861261,4.27744195 1.10241622,4.34038738"
-              />
-            </g>
-          </svg>
-        </div>
-      </span>
-    </div>
-    <span
+            <path
+              d="M1.10241622,4.34038738 L7.75166358,7.40469806 C7.88821853,7.46764349 8.11178147,7.46764349 8.24833642,7.40469806 L14.8975838,4.34038738 C15.0341387,4.27744195 15.0341387,4.17446518 14.8975838,4.11151975 L8.24833642,1.04720908 C8.11178147,0.984263641 7.88821853,0.984263641 7.75166358,1.04720908 L1.10241622,4.11151975 C0.965861261,4.17446518 0.965861261,4.27744195 1.10241622,4.34038738"
+            />
+          </g>
+        </svg>
+      </div>
+    </span>
+  </div>
+  <span
+    style={
+      Object {
+        "color": "#59626a",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "fontWeight": 400,
+      }
+    }
+  >
+    Some neat loading text!
+  </span>
+</div>
+`;
+
+exports[`Snapshots MultipleImages border=rounded 1`] = `
+<div
+  style={
+    Object {
+      "borderRadius": "0.126rem",
+      "display": "flex",
+      "flexDirection": "row",
+      "flexWrap": "wrap",
+      "height": "20rem",
+      "overflow": "hidden",
+      "width": "20rem",
+    }
+  }
+>
+  <div
+    height="20rem"
+    style={
+      Object {
+        "flexBasis": "50%",
+        "flexGrow": 1,
+        "height": "50%",
+      }
+    }
+  >
+    <img
+      alt=""
+      src="http://lorempixel.com/400/400/cats/"
+      style={
+        Object {
+          "border": "0.2rem solid white",
+          "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "minHeight": undefined,
+          "minWidth": undefined,
+          "objectFit": "cover",
+          "verticalAlign": "bottom",
+          "width": "100%",
+        }
+      }
+    />
+  </div>
+  <div
+    height="20rem"
+    style={
+      Object {
+        "flexBasis": "50%",
+        "flexGrow": 1,
+        "height": "50%",
+      }
+    }
+  >
+    <img
+      alt=""
+      src="http://lorempixel.com/400/400/cats/"
+      style={
+        Object {
+          "border": "0.2rem solid white",
+          "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "minHeight": undefined,
+          "minWidth": undefined,
+          "objectFit": "cover",
+          "verticalAlign": "bottom",
+          "width": "100%",
+        }
+      }
+    />
+  </div>
+  <div
+    height="20rem"
+    style={
+      Object {
+        "flexBasis": "50%",
+        "flexGrow": 1,
+        "height": "50%",
+      }
+    }
+  >
+    <img
+      alt=""
+      src="http://lorempixel.com/400/400/cats/"
+      style={
+        Object {
+          "border": "0.2rem solid white",
+          "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "minHeight": undefined,
+          "minWidth": undefined,
+          "objectFit": "cover",
+          "verticalAlign": "bottom",
+          "width": "100%",
+        }
+      }
+    />
+  </div>
+  <div
+    height="20rem"
+    style={
+      Object {
+        "flexBasis": "50%",
+        "flexGrow": 1,
+        "height": "50%",
+      }
+    }
+  >
+    <img
+      alt=""
+      src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
-          "color": "#59626a",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "fontWeight": 400,
+          "border": "0.2rem solid white",
+          "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "minHeight": undefined,
+          "minWidth": undefined,
+          "objectFit": "cover",
+          "verticalAlign": "bottom",
+          "width": "100%",
         }
       }
-    >
-      Some neat loading text!
-    </span>
+    />
   </div>
-</span>
+</div>
 `;
 
-exports[`Snapshots MultipleImages border=rounded 1`] = `
+exports[`Snapshots MultipleImages fourImages 1`] = `
 <div
   style={
     Object {
-      "borderRadius": "0.126rem",
       "display": "flex",
       "flexDirection": "row",
       "flexWrap": "wrap",
@@ -15135,7 +20324,10 @@ exports[`Snapshots MultipleImages border=rounded 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15162,7 +20354,10 @@ exports[`Snapshots MultipleImages border=rounded 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15189,7 +20384,10 @@ exports[`Snapshots MultipleImages border=rounded 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15216,7 +20414,10 @@ exports[`Snapshots MultipleImages border=rounded 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15231,7 +20432,7 @@ exports[`Snapshots MultipleImages border=rounded 1`] = `
 </div>
 `;
 
-exports[`Snapshots MultipleImages fourImages 1`] = `
+exports[`Snapshots MultipleImages oneImage 1`] = `
 <div
   style={
     Object {
@@ -15250,7 +20451,7 @@ exports[`Snapshots MultipleImages fourImages 1`] = `
       Object {
         "flexBasis": "50%",
         "flexGrow": 1,
-        "height": "50%",
+        "height": "100%",
       }
     }
   >
@@ -15259,7 +20460,10 @@ exports[`Snapshots MultipleImages fourImages 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15271,6 +20475,22 @@ exports[`Snapshots MultipleImages fourImages 1`] = `
       }
     />
   </div>
+</div>
+`;
+
+exports[`Snapshots MultipleImages threeImages 1`] = `
+<div
+  style={
+    Object {
+      "display": "flex",
+      "flexDirection": "row",
+      "flexWrap": "wrap",
+      "height": "20rem",
+      "overflow": "hidden",
+      "width": "20rem",
+    }
+  }
+>
   <div
     height="20rem"
     style={
@@ -15286,7 +20506,10 @@ exports[`Snapshots MultipleImages fourImages 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15313,7 +20536,10 @@ exports[`Snapshots MultipleImages fourImages 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15340,7 +20566,10 @@ exports[`Snapshots MultipleImages fourImages 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15355,7 +20584,7 @@ exports[`Snapshots MultipleImages fourImages 1`] = `
 </div>
 `;
 
-exports[`Snapshots MultipleImages oneImage 1`] = `
+exports[`Snapshots MultipleImages twoImages 1`] = `
 <div
   style={
     Object {
@@ -15383,7 +20612,40 @@ exports[`Snapshots MultipleImages oneImage 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
+          "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "minHeight": undefined,
+          "minWidth": undefined,
+          "objectFit": "cover",
+          "verticalAlign": "bottom",
+          "width": "100%",
+        }
+      }
+    />
+  </div>
+  <div
+    height="20rem"
+    style={
+      Object {
+        "flexBasis": "50%",
+        "flexGrow": 1,
+        "height": "100%",
+      }
+    }
+  >
+    <img
+      alt=""
+      src="http://lorempixel.com/400/400/cats/"
+      style={
+        Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15398,21 +20660,21 @@ exports[`Snapshots MultipleImages oneImage 1`] = `
 </div>
 `;
 
-exports[`Snapshots MultipleImages threeImages 1`] = `
+exports[`Snapshots MultipleImages width=30rem, height=30rem 1`] = `
 <div
   style={
     Object {
       "display": "flex",
       "flexDirection": "row",
       "flexWrap": "wrap",
-      "height": "20rem",
+      "height": "30rem",
       "overflow": "hidden",
-      "width": "20rem",
+      "width": "30rem",
     }
   }
 >
   <div
-    height="20rem"
+    height="30rem"
     style={
       Object {
         "flexBasis": "50%",
@@ -15426,7 +20688,10 @@ exports[`Snapshots MultipleImages threeImages 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15439,7 +20704,7 @@ exports[`Snapshots MultipleImages threeImages 1`] = `
     />
   </div>
   <div
-    height="20rem"
+    height="30rem"
     style={
       Object {
         "flexBasis": "50%",
@@ -15453,7 +20718,10 @@ exports[`Snapshots MultipleImages threeImages 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15466,7 +20734,37 @@ exports[`Snapshots MultipleImages threeImages 1`] = `
     />
   </div>
   <div
-    height="20rem"
+    height="30rem"
+    style={
+      Object {
+        "flexBasis": "50%",
+        "flexGrow": 1,
+        "height": "50%",
+      }
+    }
+  >
+    <img
+      alt=""
+      src="http://lorempixel.com/400/400/cats/"
+      style={
+        Object {
+          "border": "0.2rem solid white",
+          "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
+          "maxHeight": undefined,
+          "maxWidth": undefined,
+          "minHeight": undefined,
+          "minWidth": undefined,
+          "objectFit": "cover",
+          "verticalAlign": "bottom",
+          "width": "100%",
+        }
+      }
+    />
+  </div>
+  <div
+    height="30rem"
     style={
       Object {
         "flexBasis": "50%",
@@ -15480,7 +20778,10 @@ exports[`Snapshots MultipleImages threeImages 1`] = `
       src="http://lorempixel.com/400/400/cats/"
       style={
         Object {
+          "border": "0.2rem solid white",
           "height": "100%",
+          "marginBottom": undefined,
+          "marginTop": undefined,
           "maxHeight": undefined,
           "maxWidth": undefined,
           "minHeight": undefined,
@@ -15490,227 +20791,474 @@ exports[`Snapshots MultipleImages threeImages 1`] = `
           "width": "100%",
         }
       }
-    />
-  </div>
+    />
+  </div>
+</div>
+`;
+
+exports[`Snapshots NavBar Default 1`] = `
+<div
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "borderBottom": "0.063rem solid #ced7df",
+      "boxSizing": "border-box",
+      "display": "flex",
+      "marginBottom": "2rem",
+      "padding": "1rem",
+      "width": "100%",
+    }
+  }
+>
+  <span
+    style={
+      Object {
+        "alignItems": "center",
+        "color": "#59626a",
+        "display": "flex",
+        "marginRight": "0.5rem",
+      }
+    }
+  >
+    <svg
+      height="100%"
+      style={
+        Object {
+          "fill": "#59626a",
+          "height": "1rem",
+          "width": "1rem",
+        }
+      }
+      version="1.1"
+      viewBox="0 0 16 16"
+      width="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <g
+        className="shuttleGray"
+      >
+        <path
+          d="M14.8975838,11.6596673 C15.0341387,11.7226127 15.0341387,11.8255895 14.8975838,11.8885349 L8.24833642,14.9528456 C8.11178147,15.015791 7.88821853,15.015791 7.75166358,14.9528456 L1.10241622,11.8885349 C0.965861261,11.8255895 0.965861261,11.7226127 1.10241622,11.6596673 L2.6950287,10.9257049 C2.83158366,10.8627595 3.0550919,10.8627595 3.19170155,10.9257049 L7.75166358,13.0271856 C7.88821853,13.090131 8.11178147,13.090131 8.24833642,13.0271856 L12.8082985,10.9257049 C12.9449081,10.8627595 13.1684163,10.8627595 13.3049713,10.9257049 L14.8975838,11.6596673 Z M14.8975838,7.88556618 C15.0341387,7.94851162 15.0341387,8.05154307 14.8975838,8.1144885 L8.24833642,11.1787445 C8.11178147,11.2416899 7.88821853,11.2416899 7.75166358,11.1787445 L1.10241622,8.1144885 C0.965861261,8.05154307 0.965861261,7.94851162 1.10241622,7.88556618 L2.6950287,7.1516585 C2.83158366,7.08871306 3.0550919,7.08871306 3.19170155,7.1516585 L7.75166358,9.25308448 C7.88821853,9.31602991 8.11178147,9.31602991 8.24833642,9.25308448 L12.8082985,7.1516585 C12.9449081,7.08871306 13.1684163,7.08871306 13.3049713,7.1516585 L14.8975838,7.88556618 Z M1.10241622,4.34038738 C0.965861261,4.27744195 0.965861261,4.17446518 1.10241622,4.11151975 L7.75166358,1.04720908 C7.88821853,0.984263641 8.11178147,0.984263641 8.24833642,1.04720908 L14.8975838,4.11151975 C15.0341387,4.17446518 15.0341387,4.27744195 14.8975838,4.34038738 L8.24833642,7.40469806 C8.11178147,7.46764349 7.88821853,7.46764349 7.75166358,7.40469806 L1.10241622,4.34038738 Z"
+        />
+      </g>
+    </svg>
+  </span>
+  <span
+    style={
+      Object {
+        "color": "#59626a",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "fontWeight": 600,
+      }
+    }
+  >
+    Buffer
+  </span>
+  <span
+    style={
+      Object {
+        "color": "#59626a",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "fontWeight": 400,
+      }
+    }
+  >
+    
+  </span>
+</div>
+`;
+
+exports[`Snapshots NavBar Subtitle 1`] = `
+<div
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "borderBottom": "0.063rem solid #ced7df",
+      "boxSizing": "border-box",
+      "display": "flex",
+      "marginBottom": "2rem",
+      "padding": "1rem",
+      "width": "100%",
+    }
+  }
+>
+  <span
+    style={
+      Object {
+        "alignItems": "center",
+        "color": "#59626a",
+        "display": "flex",
+        "marginRight": "0.5rem",
+      }
+    }
+  >
+    <svg
+      height="100%"
+      style={
+        Object {
+          "fill": "#59626a",
+          "height": "1rem",
+          "width": "1rem",
+        }
+      }
+      version="1.1"
+      viewBox="0 0 16 16"
+      width="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <g
+        className="shuttleGray"
+      >
+        <path
+          d="M14.8975838,11.6596673 C15.0341387,11.7226127 15.0341387,11.8255895 14.8975838,11.8885349 L8.24833642,14.9528456 C8.11178147,15.015791 7.88821853,15.015791 7.75166358,14.9528456 L1.10241622,11.8885349 C0.965861261,11.8255895 0.965861261,11.7226127 1.10241622,11.6596673 L2.6950287,10.9257049 C2.83158366,10.8627595 3.0550919,10.8627595 3.19170155,10.9257049 L7.75166358,13.0271856 C7.88821853,13.090131 8.11178147,13.090131 8.24833642,13.0271856 L12.8082985,10.9257049 C12.9449081,10.8627595 13.1684163,10.8627595 13.3049713,10.9257049 L14.8975838,11.6596673 Z M14.8975838,7.88556618 C15.0341387,7.94851162 15.0341387,8.05154307 14.8975838,8.1144885 L8.24833642,11.1787445 C8.11178147,11.2416899 7.88821853,11.2416899 7.75166358,11.1787445 L1.10241622,8.1144885 C0.965861261,8.05154307 0.965861261,7.94851162 1.10241622,7.88556618 L2.6950287,7.1516585 C2.83158366,7.08871306 3.0550919,7.08871306 3.19170155,7.1516585 L7.75166358,9.25308448 C7.88821853,9.31602991 8.11178147,9.31602991 8.24833642,9.25308448 L12.8082985,7.1516585 C12.9449081,7.08871306 13.1684163,7.08871306 13.3049713,7.1516585 L14.8975838,7.88556618 Z M1.10241622,4.34038738 C0.965861261,4.27744195 0.965861261,4.17446518 1.10241622,4.11151975 L7.75166358,1.04720908 C7.88821853,0.984263641 8.11178147,0.984263641 8.24833642,1.04720908 L14.8975838,4.11151975 C15.0341387,4.17446518 15.0341387,4.27744195 14.8975838,4.34038738 L8.24833642,7.40469806 C8.11178147,7.46764349 7.88821853,7.46764349 7.75166358,7.40469806 L1.10241622,4.34038738 Z"
+        />
+      </g>
+    </svg>
+  </span>
+  <span
+    style={
+      Object {
+        "color": "#59626a",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "fontWeight": 600,
+      }
+    }
+  >
+    Buffer
+  </span>
+  <span
+    style={
+      Object {
+        "color": "#59626a",
+        "fontFamily": "\\"Open Sans\\", sans-serif",
+        "fontSize": "1rem",
+        "fontWeight": 400,
+      }
+    }
+  >
+     NavBar
+  </span>
 </div>
 `;
 
-exports[`Snapshots MultipleImages twoImages 1`] = `
+exports[`Snapshots Notification default 1`] = `
 <div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
   style={
     Object {
-      "display": "flex",
-      "flexDirection": "row",
-      "flexWrap": "wrap",
-      "height": "20rem",
-      "overflow": "hidden",
-      "width": "20rem",
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "0.126rem",
+      "boxShadow": "0 1px 4px rgba(50, 59, 67, 0.8)",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": 0,
+      "transition": "box-shadow 0.2s linear",
     }
   }
 >
   <div
-    height="20rem"
     style={
       Object {
-        "flexBasis": "50%",
-        "flexGrow": 1,
-        "height": "100%",
+        "display": "flex",
       }
     }
   >
-    <img
-      alt=""
-      src="http://lorempixel.com/400/400/cats/"
+    <div
       style={
         Object {
-          "height": "100%",
-          "maxHeight": undefined,
-          "maxWidth": undefined,
-          "minHeight": undefined,
-          "minWidth": undefined,
-          "objectFit": "cover",
-          "verticalAlign": "bottom",
-          "width": "100%",
+          "margin": "1rem",
         }
       }
-    />
-  </div>
-  <div
-    height="20rem"
-    style={
-      Object {
-        "flexBasis": "50%",
-        "flexGrow": 1,
-        "height": "100%",
+    >
+      <svg
+        height="100%"
+        style={
+          Object {
+            "fill": "#2fd566",
+            "height": "2rem",
+            "width": "2rem",
+          }
+        }
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+      >
+        <g
+          className="shamrock"
+        >
+          <path
+            d="M8,15.976 C3.59497684,15.976 0.024,12.4050232 0.024,8 C0.024,3.59497684 3.59497684,0.024 8,0.024 C12.4050232,0.024 15.976,3.59497684 15.976,8 C15.976,12.4050232 12.4050232,15.976 8,15.976 Z M4.84201948,7.87755339 C4.44877253,8.27080035 4.45446122,8.90420869 4.84864429,9.29839176 L6.24960824,10.6993557 C6.64984179,11.0995893 7.28084969,11.0955774 7.67251796,10.7039092 L11.2039092,7.17251796 C11.6034584,6.7729687 11.5965048,6.14675734 11.2059805,5.75623305 C10.8127336,5.36298609 10.1823522,5.36564781 9.79190308,5.75609692 L6.96333983,8.58466017 L6.25623305,7.87755339 C5.86298609,7.48430644 5.23254378,7.4870291 4.84201948,7.87755339 Z"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      style={
+        Object {
+          "flexGrow": 1,
+          "margin": "1rem 0",
+        }
       }
-    }
-  >
-    <img
-      alt=""
-      src="http://lorempixel.com/400/400/cats/"
+    >
+      <span
+        style={
+          Object {
+            "color": "#59626a",
+            "fontFamily": "\\"Open Sans\\", sans-serif",
+            "fontSize": "0.9rem",
+            "fontWeight": 400,
+          }
+        }
+      >
+        Awesome! You've got a notification!
+      </span>
+    </div>
+    <div
       style={
         Object {
-          "height": "100%",
-          "maxHeight": undefined,
-          "maxWidth": undefined,
-          "minHeight": undefined,
-          "minWidth": undefined,
-          "objectFit": "cover",
-          "verticalAlign": "bottom",
-          "width": "100%",
+          "margin": "0.5rem 0.5rem 0 1.5rem",
         }
       }
-    />
+    >
+      <button
+        aria-label={null}
+        disabled={undefined}
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
+        style={
+          Object {
+            "background": "none",
+            "backgroundColor": "unset",
+            "border": "none",
+            "borderRadius": "unset",
+            "color": "unset",
+            "cursor": "pointer",
+            "display": "unset",
+            "fontFamily": "unset",
+            "fontSize": "unset",
+            "fontWeight": "unset",
+            "lineHeight": "unset",
+            "margin": "unset",
+            "outline": "none",
+            "padding": 0,
+            "transition": "unset",
+          }
+        }
+      >
+        <svg
+          height="100%"
+          style={
+            Object {
+              "fill": "#59626a",
+              "height": "1rem",
+              "width": "1rem",
+            }
+          }
+          version="1.1"
+          viewBox="0 0 16 16"
+          width="100%"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlnsXlink="http://www.w3.org/1999/xlink"
+        >
+          <g
+            className="shuttleGray"
+          >
+            <path
+              d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
+              transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
+            />
+          </g>
+        </svg>
+      </button>
+    </div>
   </div>
 </div>
 `;
 
-exports[`Snapshots MultipleImages width=30rem, height=30rem 1`] = `
+exports[`Snapshots Notification error 1`] = `
 <div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
   style={
     Object {
-      "display": "flex",
-      "flexDirection": "row",
-      "flexWrap": "wrap",
-      "height": "30rem",
-      "overflow": "hidden",
-      "width": "30rem",
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "0.126rem",
+      "boxShadow": "0 1px 4px rgba(50, 59, 67, 0.8)",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": 0,
+      "transition": "box-shadow 0.2s linear",
     }
   }
 >
   <div
-    height="30rem"
     style={
       Object {
-        "flexBasis": "50%",
-        "flexGrow": 1,
-        "height": "50%",
+        "display": "flex",
       }
     }
   >
-    <img
-      alt=""
-      src="http://lorempixel.com/400/400/cats/"
+    <div
       style={
         Object {
-          "height": "100%",
-          "maxHeight": undefined,
-          "maxWidth": undefined,
-          "minHeight": undefined,
-          "minWidth": undefined,
-          "objectFit": "cover",
-          "verticalAlign": "bottom",
-          "width": "100%",
+          "margin": "1rem",
         }
       }
-    />
-  </div>
-  <div
-    height="30rem"
-    style={
-      Object {
-        "flexBasis": "50%",
-        "flexGrow": 1,
-        "height": "50%",
-      }
-    }
-  >
-    <img
-      alt=""
-      src="http://lorempixel.com/400/400/cats/"
-      style={
-        Object {
-          "height": "100%",
-          "maxHeight": undefined,
-          "maxWidth": undefined,
-          "minHeight": undefined,
-          "minWidth": undefined,
-          "objectFit": "cover",
-          "verticalAlign": "bottom",
-          "width": "100%",
+    >
+      <svg
+        height="100%"
+        style={
+          Object {
+            "fill": "#ff1e1e",
+            "height": "2rem",
+            "width": "2rem",
+          }
         }
-      }
-    />
-  </div>
-  <div
-    height="30rem"
-    style={
-      Object {
-        "flexBasis": "50%",
-        "flexGrow": 1,
-        "height": "50%",
-      }
-    }
-  >
-    <img
-      alt=""
-      src="http://lorempixel.com/400/400/cats/"
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+      >
+        <g
+          className="torchRed"
+        >
+          <path
+            d="M7.28522294,0.582295182 C7.68011914,-0.193881453 8.32015168,-0.194315304 8.71526856,0.582295182 L15.8443277,14.5946078 C16.2392239,15.3707845 15.8563826,16 14.9948436,16 L1.00564792,16 C0.141594621,16 -0.238953082,15.3712184 0.156163853,14.5946078 L7.28522294,0.582295182 Z M8.00063465,13.6403459 C8.4327265,13.6403459 8.78300622,13.2881948 8.78300622,12.8537945 C8.78300622,12.4193942 8.4327265,12.0672431 8.00063465,12.0672431 C7.56854277,12.0672431 7.21826309,12.4193942 7.21826309,12.8537945 C7.21826309,13.2881948 7.56854277,13.6403459 8.00063465,13.6403459 Z M7.3863128,5.77483204 C7.38259314,5.77483204 7.37887467,5.77496538 7.37516447,5.77523181 C7.2889657,5.78142176 7.22407908,5.85669092 7.23023613,5.94335021 L7.59906844,11.1345893 C7.60491729,11.2169107 7.67305263,11.2806917 7.75514511,11.2806917 L8.24612423,11.2806917 C8.32821668,11.2806917 8.39635201,11.2169107 8.40220086,11.1345893 L8.77103319,5.94335021 C8.77129818,5.93962018 8.77143079,5.93588184 8.77143079,5.93214231 C8.77143079,5.84526225 8.7013749,5.77483204 8.61495648,5.77483204 L7.3863128,5.77483204 Z"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
       style={
         Object {
-          "height": "100%",
-          "maxHeight": undefined,
-          "maxWidth": undefined,
-          "minHeight": undefined,
-          "minWidth": undefined,
-          "objectFit": "cover",
-          "verticalAlign": "bottom",
-          "width": "100%",
+          "flexGrow": 1,
+          "margin": "1rem 0",
         }
       }
-    />
-  </div>
-  <div
-    height="30rem"
-    style={
-      Object {
-        "flexBasis": "50%",
-        "flexGrow": 1,
-        "height": "50%",
-      }
-    }
-  >
-    <img
-      alt=""
-      src="http://lorempixel.com/400/400/cats/"
+    >
+      <span
+        style={
+          Object {
+            "color": "#59626a",
+            "fontFamily": "\\"Open Sans\\", sans-serif",
+            "fontSize": "0.9rem",
+            "fontWeight": 400,
+          }
+        }
+      >
+        Oh No! There was an error doing the thing!
+      </span>
+    </div>
+    <div
       style={
         Object {
-          "height": "100%",
-          "maxHeight": undefined,
-          "maxWidth": undefined,
-          "minHeight": undefined,
-          "minWidth": undefined,
-          "objectFit": "cover",
-          "verticalAlign": "bottom",
-          "width": "100%",
+          "margin": "0.5rem 0.5rem 0 1.5rem",
         }
       }
-    />
+    >
+      <button
+        aria-label={null}
+        disabled={undefined}
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
+        style={
+          Object {
+            "background": "none",
+            "backgroundColor": "unset",
+            "border": "none",
+            "borderRadius": "unset",
+            "color": "unset",
+            "cursor": "pointer",
+            "display": "unset",
+            "fontFamily": "unset",
+            "fontSize": "unset",
+            "fontWeight": "unset",
+            "lineHeight": "unset",
+            "margin": "unset",
+            "outline": "none",
+            "padding": 0,
+            "transition": "unset",
+          }
+        }
+      >
+        <svg
+          height="100%"
+          style={
+            Object {
+              "fill": "#59626a",
+              "height": "1rem",
+              "width": "1rem",
+            }
+          }
+          version="1.1"
+          viewBox="0 0 16 16"
+          width="100%"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlnsXlink="http://www.w3.org/1999/xlink"
+        >
+          <g
+            className="shuttleGray"
+          >
+            <path
+              d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
+              transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
+            />
+          </g>
+        </svg>
+      </button>
+    </div>
   </div>
 </div>
 `;
 
-exports[`Snapshots NavBar Default 1`] = `
-<span>
+exports[`Snapshots Notification handle close click 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "0.126rem",
+      "boxShadow": "0 1px 4px rgba(50, 59, 67, 0.8)",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": 0,
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
   <div
     style={
       Object {
-        "backgroundColor": "#fff",
-        "borderBottom": "0.063rem solid #ced7df",
-        "boxSizing": "border-box",
         "display": "flex",
-        "marginBottom": "2rem",
-        "padding": "1rem",
-        "width": "100%",
       }
     }
   >
-    <span
+    <div
       style={
         Object {
-          "alignItems": "center",
-          "color": "#59626a",
-          "display": "flex",
-          "marginRight": "0.5rem",
+          "margin": "1rem",
         }
       }
     >
@@ -15718,9 +21266,9 @@ exports[`Snapshots NavBar Default 1`] = `
         height="100%"
         style={
           Object {
-            "fill": "#59626a",
-            "height": "1rem",
-            "width": "1rem",
+            "fill": "#2fd566",
+            "height": "2rem",
+            "width": "2rem",
           }
         }
         version="1.1"
@@ -15730,64 +21278,129 @@ exports[`Snapshots NavBar Default 1`] = `
         xmlnsXlink="http://www.w3.org/1999/xlink"
       >
         <g
-          className="shuttleGray"
+          className="shamrock"
         >
           <path
-            d="M14.8975838,11.6596673 C15.0341387,11.7226127 15.0341387,11.8255895 14.8975838,11.8885349 L8.24833642,14.9528456 C8.11178147,15.015791 7.88821853,15.015791 7.75166358,14.9528456 L1.10241622,11.8885349 C0.965861261,11.8255895 0.965861261,11.7226127 1.10241622,11.6596673 L2.6950287,10.9257049 C2.83158366,10.8627595 3.0550919,10.8627595 3.19170155,10.9257049 L7.75166358,13.0271856 C7.88821853,13.090131 8.11178147,13.090131 8.24833642,13.0271856 L12.8082985,10.9257049 C12.9449081,10.8627595 13.1684163,10.8627595 13.3049713,10.9257049 L14.8975838,11.6596673 Z M14.8975838,7.88556618 C15.0341387,7.94851162 15.0341387,8.05154307 14.8975838,8.1144885 L8.24833642,11.1787445 C8.11178147,11.2416899 7.88821853,11.2416899 7.75166358,11.1787445 L1.10241622,8.1144885 C0.965861261,8.05154307 0.965861261,7.94851162 1.10241622,7.88556618 L2.6950287,7.1516585 C2.83158366,7.08871306 3.0550919,7.08871306 3.19170155,7.1516585 L7.75166358,9.25308448 C7.88821853,9.31602991 8.11178147,9.31602991 8.24833642,9.25308448 L12.8082985,7.1516585 C12.9449081,7.08871306 13.1684163,7.08871306 13.3049713,7.1516585 L14.8975838,7.88556618 Z M1.10241622,4.34038738 C0.965861261,4.27744195 0.965861261,4.17446518 1.10241622,4.11151975 L7.75166358,1.04720908 C7.88821853,0.984263641 8.11178147,0.984263641 8.24833642,1.04720908 L14.8975838,4.11151975 C15.0341387,4.17446518 15.0341387,4.27744195 14.8975838,4.34038738 L8.24833642,7.40469806 C8.11178147,7.46764349 7.88821853,7.46764349 7.75166358,7.40469806 L1.10241622,4.34038738 Z"
+            d="M8,15.976 C3.59497684,15.976 0.024,12.4050232 0.024,8 C0.024,3.59497684 3.59497684,0.024 8,0.024 C12.4050232,0.024 15.976,3.59497684 15.976,8 C15.976,12.4050232 12.4050232,15.976 8,15.976 Z M4.84201948,7.87755339 C4.44877253,8.27080035 4.45446122,8.90420869 4.84864429,9.29839176 L6.24960824,10.6993557 C6.64984179,11.0995893 7.28084969,11.0955774 7.67251796,10.7039092 L11.2039092,7.17251796 C11.6034584,6.7729687 11.5965048,6.14675734 11.2059805,5.75623305 C10.8127336,5.36298609 10.1823522,5.36564781 9.79190308,5.75609692 L6.96333983,8.58466017 L6.25623305,7.87755339 C5.86298609,7.48430644 5.23254378,7.4870291 4.84201948,7.87755339 Z"
           />
         </g>
       </svg>
-    </span>
-    <span
+    </div>
+    <div
       style={
         Object {
-          "color": "#59626a",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "fontWeight": 600,
+          "flexGrow": 1,
+          "margin": "1rem 0",
         }
       }
     >
-      Buffer
-    </span>
-    <span
+      <span
+        style={
+          Object {
+            "color": "#59626a",
+            "fontFamily": "\\"Open Sans\\", sans-serif",
+            "fontSize": "0.9rem",
+            "fontWeight": 400,
+          }
+        }
+      >
+        Click the close button
+      </span>
+    </div>
+    <div
       style={
         Object {
-          "color": "#59626a",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "fontWeight": 400,
+          "margin": "0.5rem 0.5rem 0 1.5rem",
         }
       }
     >
-      
-    </span>
+      <button
+        aria-label={null}
+        disabled={undefined}
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
+        style={
+          Object {
+            "background": "none",
+            "backgroundColor": "unset",
+            "border": "none",
+            "borderRadius": "unset",
+            "color": "unset",
+            "cursor": "pointer",
+            "display": "unset",
+            "fontFamily": "unset",
+            "fontSize": "unset",
+            "fontWeight": "unset",
+            "lineHeight": "unset",
+            "margin": "unset",
+            "outline": "none",
+            "padding": 0,
+            "transition": "unset",
+          }
+        }
+      >
+        <svg
+          height="100%"
+          style={
+            Object {
+              "fill": "#59626a",
+              "height": "1rem",
+              "width": "1rem",
+            }
+          }
+          version="1.1"
+          viewBox="0 0 16 16"
+          width="100%"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlnsXlink="http://www.w3.org/1999/xlink"
+        >
+          <g
+            className="shuttleGray"
+          >
+            <path
+              d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
+              transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
+            />
+          </g>
+        </svg>
+      </button>
+    </div>
   </div>
-</span>
+</div>
 `;
 
-exports[`Snapshots NavBar Subtitle 1`] = `
-<span>
+exports[`Snapshots Notification long text 1`] = `
+<div
+  onMouseEnter={undefined}
+  onMouseLeave={undefined}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "border": "0.063rem solid transparent",
+      "borderRadius": "0.126rem",
+      "boxShadow": "0 1px 4px rgba(50, 59, 67, 0.8)",
+      "color": "#323b43",
+      "fontSize": "0.9rem",
+      "lineHeight": 1.5,
+      "padding": 0,
+      "transition": "box-shadow 0.2s linear",
+    }
+  }
+>
   <div
     style={
       Object {
-        "backgroundColor": "#fff",
-        "borderBottom": "0.063rem solid #ced7df",
-        "boxSizing": "border-box",
         "display": "flex",
-        "marginBottom": "2rem",
-        "padding": "1rem",
-        "width": "100%",
       }
     }
   >
-    <span
+    <div
       style={
         Object {
-          "alignItems": "center",
-          "color": "#59626a",
-          "display": "flex",
-          "marginRight": "0.5rem",
+          "margin": "1rem",
         }
       }
     >
@@ -15795,9 +21408,9 @@ exports[`Snapshots NavBar Subtitle 1`] = `
         height="100%"
         style={
           Object {
-            "fill": "#59626a",
-            "height": "1rem",
-            "width": "1rem",
+            "fill": "#2fd566",
+            "height": "2rem",
+            "width": "2rem",
           }
         }
         version="1.1"
@@ -15807,641 +21420,1056 @@ exports[`Snapshots NavBar Subtitle 1`] = `
         xmlnsXlink="http://www.w3.org/1999/xlink"
       >
         <g
-          className="shuttleGray"
+          className="shamrock"
         >
           <path
-            d="M14.8975838,11.6596673 C15.0341387,11.7226127 15.0341387,11.8255895 14.8975838,11.8885349 L8.24833642,14.9528456 C8.11178147,15.015791 7.88821853,15.015791 7.75166358,14.9528456 L1.10241622,11.8885349 C0.965861261,11.8255895 0.965861261,11.7226127 1.10241622,11.6596673 L2.6950287,10.9257049 C2.83158366,10.8627595 3.0550919,10.8627595 3.19170155,10.9257049 L7.75166358,13.0271856 C7.88821853,13.090131 8.11178147,13.090131 8.24833642,13.0271856 L12.8082985,10.9257049 C12.9449081,10.8627595 13.1684163,10.8627595 13.3049713,10.9257049 L14.8975838,11.6596673 Z M14.8975838,7.88556618 C15.0341387,7.94851162 15.0341387,8.05154307 14.8975838,8.1144885 L8.24833642,11.1787445 C8.11178147,11.2416899 7.88821853,11.2416899 7.75166358,11.1787445 L1.10241622,8.1144885 C0.965861261,8.05154307 0.965861261,7.94851162 1.10241622,7.88556618 L2.6950287,7.1516585 C2.83158366,7.08871306 3.0550919,7.08871306 3.19170155,7.1516585 L7.75166358,9.25308448 C7.88821853,9.31602991 8.11178147,9.31602991 8.24833642,9.25308448 L12.8082985,7.1516585 C12.9449081,7.08871306 13.1684163,7.08871306 13.3049713,7.1516585 L14.8975838,7.88556618 Z M1.10241622,4.34038738 C0.965861261,4.27744195 0.965861261,4.17446518 1.10241622,4.11151975 L7.75166358,1.04720908 C7.88821853,0.984263641 8.11178147,0.984263641 8.24833642,1.04720908 L14.8975838,4.11151975 C15.0341387,4.17446518 15.0341387,4.27744195 14.8975838,4.34038738 L8.24833642,7.40469806 C8.11178147,7.46764349 7.88821853,7.46764349 7.75166358,7.40469806 L1.10241622,4.34038738 Z"
+            d="M8,15.976 C3.59497684,15.976 0.024,12.4050232 0.024,8 C0.024,3.59497684 3.59497684,0.024 8,0.024 C12.4050232,0.024 15.976,3.59497684 15.976,8 C15.976,12.4050232 12.4050232,15.976 8,15.976 Z M4.84201948,7.87755339 C4.44877253,8.27080035 4.45446122,8.90420869 4.84864429,9.29839176 L6.24960824,10.6993557 C6.64984179,11.0995893 7.28084969,11.0955774 7.67251796,10.7039092 L11.2039092,7.17251796 C11.6034584,6.7729687 11.5965048,6.14675734 11.2059805,5.75623305 C10.8127336,5.36298609 10.1823522,5.36564781 9.79190308,5.75609692 L6.96333983,8.58466017 L6.25623305,7.87755339 C5.86298609,7.48430644 5.23254378,7.4870291 4.84201948,7.87755339 Z"
           />
         </g>
       </svg>
-    </span>
-    <span
+    </div>
+    <div
       style={
         Object {
-          "color": "#59626a",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "fontWeight": 600,
+          "flexGrow": 1,
+          "margin": "1rem 0",
+        }
+      }
+    >
+      <span
+        style={
+          Object {
+            "color": "#59626a",
+            "fontFamily": "\\"Open Sans\\", sans-serif",
+            "fontSize": "0.9rem",
+            "fontWeight": 400,
+          }
+        }
+      >
+        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.
+      </span>
+    </div>
+    <div
+      style={
+        Object {
+          "margin": "0.5rem 0.5rem 0 1.5rem",
+        }
+      }
+    >
+      <button
+        aria-label={null}
+        disabled={undefined}
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
+        style={
+          Object {
+            "background": "none",
+            "backgroundColor": "unset",
+            "border": "none",
+            "borderRadius": "unset",
+            "color": "unset",
+            "cursor": "pointer",
+            "display": "unset",
+            "fontFamily": "unset",
+            "fontSize": "unset",
+            "fontWeight": "unset",
+            "lineHeight": "unset",
+            "margin": "unset",
+            "outline": "none",
+            "padding": 0,
+            "transition": "unset",
+          }
+        }
+      >
+        <svg
+          height="100%"
+          style={
+            Object {
+              "fill": "#59626a",
+              "height": "1rem",
+              "width": "1rem",
+            }
+          }
+          version="1.1"
+          viewBox="0 0 16 16"
+          width="100%"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlnsXlink="http://www.w3.org/1999/xlink"
+        >
+          <g
+            className="shuttleGray"
+          >
+            <path
+              d="M7,9 L1.00292933,9 C0.449026756,9 -8.8817842e-16,8.55613518 -8.8817842e-16,8 L-8.8817842e-16,8 C-8.8817842e-16,7.44771525 0.437881351,7 1.00292933,7 L7,7 L7,1.00292933 C7,0.449026756 7.44386482,0 8,0 L8,0 C8.55228475,0 9,0.437881351 9,1.00292933 L9,7 L14.9970707,7 C15.5509732,7 16,7.44386482 16,8 L16,8 C16,8.55228475 15.5621186,9 14.9970707,9 L9,9 L9,14.9970707 C9,15.5509732 8.55613518,16 8,16 L8,16 C7.44771525,16 7,15.5621186 7,14.9970707 L7,9 Z"
+              transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000)"
+            />
+          </g>
+        </svg>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Snapshots Overlay default 1`] = `
+<div
+  style={
+    Object {
+      "textAlign": "center",
+    }
+  }
+>
+  <img
+    alt=""
+    src="http://lorempixel.com/400/400/cats/"
+    style={
+      Object {
+        "height": undefined,
+        "marginBottom": undefined,
+        "marginTop": undefined,
+        "maxHeight": undefined,
+        "maxWidth": undefined,
+        "minHeight": undefined,
+        "minWidth": undefined,
+        "objectFit": undefined,
+        "width": undefined,
+      }
+    }
+  />
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
+      }
+    }
+  />
+</div>
+`;
+
+exports[`Snapshots Overlay transparent=true 1`] = `
+<div
+  style={
+    Object {
+      "textAlign": "center",
+    }
+  }
+>
+  <img
+    alt=""
+    src="http://lorempixel.com/400/400/cats/"
+    style={
+      Object {
+        "height": undefined,
+        "marginBottom": undefined,
+        "marginTop": undefined,
+        "maxHeight": undefined,
+        "maxWidth": undefined,
+        "minHeight": undefined,
+        "minWidth": undefined,
+        "objectFit": undefined,
+        "width": undefined,
+      }
+    }
+  />
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
+      }
+    }
+  />
+</div>
+`;
+
+exports[`Snapshots Popover bottom = 10rem 1`] = `
+<span>
+  <div
+    style={
+      Object {
+        "bottom": "10rem",
+        "left": undefined,
+        "position": "absolute",
+        "right": undefined,
+        "top": undefined,
+        "zIndex": 3000,
+      }
+    }
+  >
+    <div
+      onMouseEnter={undefined}
+      onMouseLeave={undefined}
+      style={
+        Object {
+          "backgroundColor": "#fff",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#323b43",
+          "fontSize": "0.9rem",
+          "lineHeight": 1.5,
+          "padding": "1.5rem",
+          "transition": "box-shadow 0.2s linear",
+        }
+      }
+    >
+      Popover
+    </div>
+  </div>
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
+      }
+    }
+  />
+</span>
+`;
+
+exports[`Snapshots Popover bottom = 10rem right = 10rem 1`] = `
+<span>
+  <div
+    style={
+      Object {
+        "bottom": "10rem",
+        "left": undefined,
+        "position": "absolute",
+        "right": "10rem",
+        "top": undefined,
+        "zIndex": 3000,
+      }
+    }
+  >
+    <div
+      onMouseEnter={undefined}
+      onMouseLeave={undefined}
+      style={
+        Object {
+          "backgroundColor": "#fff",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#323b43",
+          "fontSize": "0.9rem",
+          "lineHeight": 1.5,
+          "padding": "1.5rem",
+          "transition": "box-shadow 0.2s linear",
         }
       }
-    >
-      Buffer
-    </span>
-    <span
+    >
+      Popover
+    </div>
+  </div>
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
+      }
+    }
+  />
+</span>
+`;
+
+exports[`Snapshots Popover default 1`] = `
+<span>
+  <div
+    style={
+      Object {
+        "bottom": undefined,
+        "left": "50%",
+        "position": "absolute",
+        "right": undefined,
+        "top": "50%",
+        "transform": "translate(-50%, -50%)",
+        "zIndex": 3000,
+      }
+    }
+  >
+    <div
+      onMouseEnter={undefined}
+      onMouseLeave={undefined}
       style={
         Object {
-          "color": "#59626a",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "fontWeight": 400,
+          "backgroundColor": "#fff",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#323b43",
+          "fontSize": "0.9rem",
+          "lineHeight": 1.5,
+          "padding": "1.5rem",
+          "transition": "box-shadow 0.2s linear",
         }
       }
     >
-       NavBar
-    </span>
+      Popover
+    </div>
   </div>
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
+      }
+    }
+  />
 </span>
 `;
 
-exports[`Snapshots Overlay default 1`] = `
+exports[`Snapshots Popover left = 10rem 1`] = `
 <span>
   <div
     style={
       Object {
-        "textAlign": "center",
+        "bottom": undefined,
+        "left": "10rem",
+        "position": "absolute",
+        "right": undefined,
+        "top": undefined,
+        "zIndex": 3000,
       }
     }
   >
-    <img
-      alt=""
-      src="http://lorempixel.com/400/400/cats/"
-      style={
-        Object {
-          "height": undefined,
-          "maxHeight": undefined,
-          "maxWidth": undefined,
-          "minHeight": undefined,
-          "minWidth": undefined,
-          "objectFit": undefined,
-          "width": undefined,
-        }
-      }
-    />
     <div
-      onClick={[Function]}
+      onMouseEnter={undefined}
+      onMouseLeave={undefined}
       style={
         Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 1,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
+          "backgroundColor": "#fff",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#323b43",
+          "fontSize": "0.9rem",
+          "lineHeight": 1.5,
+          "padding": "1.5rem",
+          "transition": "box-shadow 0.2s linear",
         }
       }
-    />
+    >
+      Popover
+    </div>
   </div>
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
+      }
+    }
+  />
 </span>
 `;
 
-exports[`Snapshots Overlay transparent=true 1`] = `
+exports[`Snapshots Popover right = 10rem 1`] = `
 <span>
   <div
     style={
       Object {
-        "textAlign": "center",
+        "bottom": undefined,
+        "left": undefined,
+        "position": "absolute",
+        "right": "10rem",
+        "top": undefined,
+        "zIndex": 3000,
       }
     }
   >
-    <img
-      alt=""
-      src="http://lorempixel.com/400/400/cats/"
-      style={
-        Object {
-          "height": undefined,
-          "maxHeight": undefined,
-          "maxWidth": undefined,
-          "minHeight": undefined,
-          "minWidth": undefined,
-          "objectFit": undefined,
-          "width": undefined,
-        }
-      }
-    />
     <div
-      onClick={[Function]}
+      onMouseEnter={undefined}
+      onMouseLeave={undefined}
       style={
         Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
+          "backgroundColor": "#fff",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#323b43",
+          "fontSize": "0.9rem",
+          "lineHeight": 1.5,
+          "padding": "1.5rem",
+          "transition": "box-shadow 0.2s linear",
         }
       }
-    />
+    >
+      Popover
+    </div>
   </div>
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
+      }
+    }
+  />
 </span>
 `;
 
-exports[`Snapshots Popover bottom = 10rem 1`] = `
+exports[`Snapshots Popover top = 10rem 1`] = `
 <span>
-  <span>
+  <div
+    style={
+      Object {
+        "bottom": undefined,
+        "left": undefined,
+        "position": "absolute",
+        "right": undefined,
+        "top": "10rem",
+        "zIndex": 3000,
+      }
+    }
+  >
     <div
+      onMouseEnter={undefined}
+      onMouseLeave={undefined}
       style={
         Object {
-          "bottom": "10rem",
-          "left": undefined,
-          "position": "absolute",
-          "right": undefined,
-          "top": undefined,
-          "zIndex": 3000,
+          "backgroundColor": "#fff",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#323b43",
+          "fontSize": "0.9rem",
+          "lineHeight": 1.5,
+          "padding": "1.5rem",
+          "transition": "box-shadow 0.2s linear",
         }
       }
     >
-      <div
-        onMouseEnter={undefined}
-        onMouseLeave={undefined}
-        style={
-          Object {
-            "backgroundColor": "#fff",
-            "border": "0.063rem solid #e6ebef",
-            "borderRadius": "0.126rem",
-            "color": "#323b43",
-            "fontSize": "0.9rem",
-            "lineHeight": 1.5,
-            "padding": "1.5rem",
-            "transition": "box-shadow 0.1s linear",
-          }
-        }
-      >
-        Popover
-      </div>
+      Popover
     </div>
-    <div
-      onClick={[Function]}
-      style={
-        Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 1,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
-        }
+  </div>
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
       }
-    />
-  </span>
+    }
+  />
 </span>
 `;
 
-exports[`Snapshots Popover bottom = 10rem right = 10rem 1`] = `
+exports[`Snapshots Popover top = 10rem left = 10rem 1`] = `
 <span>
-  <span>
+  <div
+    style={
+      Object {
+        "bottom": undefined,
+        "left": "10rem",
+        "position": "absolute",
+        "right": undefined,
+        "top": "10rem",
+        "zIndex": 3000,
+      }
+    }
+  >
     <div
+      onMouseEnter={undefined}
+      onMouseLeave={undefined}
       style={
         Object {
-          "bottom": "10rem",
-          "left": undefined,
-          "position": "absolute",
-          "right": "10rem",
-          "top": undefined,
-          "zIndex": 3000,
+          "backgroundColor": "#fff",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#323b43",
+          "fontSize": "0.9rem",
+          "lineHeight": 1.5,
+          "padding": "1.5rem",
+          "transition": "box-shadow 0.2s linear",
         }
       }
     >
-      <div
-        onMouseEnter={undefined}
-        onMouseLeave={undefined}
-        style={
-          Object {
-            "backgroundColor": "#fff",
-            "border": "0.063rem solid #e6ebef",
-            "borderRadius": "0.126rem",
-            "color": "#323b43",
-            "fontSize": "0.9rem",
-            "lineHeight": 1.5,
-            "padding": "1.5rem",
-            "transition": "box-shadow 0.1s linear",
-          }
-        }
-      >
-        Popover
-      </div>
+      Popover
     </div>
-    <div
-      onClick={[Function]}
-      style={
-        Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 1,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
-        }
+  </div>
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
       }
-    />
-  </span>
+    }
+  />
 </span>
 `;
 
-exports[`Snapshots Popover default 1`] = `
+exports[`Snapshots Popover transparent Overlay 1`] = `
 <span>
-  <span>
+  <div
+    style={
+      Object {
+        "bottom": undefined,
+        "left": "50%",
+        "position": "absolute",
+        "right": undefined,
+        "top": "50%",
+        "transform": "translate(-50%, -50%)",
+        "zIndex": 3000,
+      }
+    }
+  >
     <div
+      onMouseEnter={undefined}
+      onMouseLeave={undefined}
       style={
         Object {
-          "bottom": undefined,
-          "left": "50%",
-          "position": "absolute",
-          "right": undefined,
-          "top": "50%",
-          "transform": "translate(-50%, -50%)",
-          "zIndex": 3000,
+          "backgroundColor": "#fff",
+          "border": "0.063rem solid #e6ebef",
+          "borderRadius": "0.126rem",
+          "color": "#323b43",
+          "fontSize": "0.9rem",
+          "lineHeight": 1.5,
+          "padding": "1.5rem",
+          "transition": "box-shadow 0.2s linear",
         }
       }
     >
-      <div
-        onMouseEnter={undefined}
-        onMouseLeave={undefined}
-        style={
-          Object {
-            "backgroundColor": "#fff",
-            "border": "0.063rem solid #e6ebef",
-            "borderRadius": "0.126rem",
-            "color": "#323b43",
-            "fontSize": "0.9rem",
-            "lineHeight": 1.5,
-            "padding": "1.5rem",
-            "transition": "box-shadow 0.1s linear",
-          }
-        }
-      >
-        Popover
-      </div>
+      Popover
     </div>
-    <div
-      onClick={[Function]}
-      style={
-        Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 1,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
-        }
+  </div>
+  <div
+    onClick={[Function]}
+    style={
+      Object {
+        "backgroundColor": "rgba(50, 59, 67, 0.8)",
+        "bottom": 0,
+        "left": 0,
+        "opacity": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+        "zIndex": 2000,
       }
-    />
-  </span>
+    }
+  />
 </span>
 `;
 
-exports[`Snapshots Popover left = 10rem 1`] = `
-<span>
-  <span>
-    <div
-      style={
-        Object {
-          "bottom": undefined,
-          "left": "10rem",
-          "position": "absolute",
-          "right": undefined,
-          "top": undefined,
-          "zIndex": 3000,
-        }
+exports[`Snapshots SectionHeader default 1`] = `
+<div
+  style={
+    Object {
+      "alignItems": "center",
+      "borderBottom": "0.063rem solid #e6ebef",
+      "display": "flex",
+      "flexDirection": "row",
+      "paddingBottom": "1rem",
+      "paddingTop": "1rem",
+    }
+  }
+/>
+`;
+
+exports[`Snapshots SectionHeader with content 1`] = `
+<div
+  style={
+    Object {
+      "alignItems": "center",
+      "borderBottom": "0.063rem solid #e6ebef",
+      "display": "flex",
+      "flexDirection": "row",
+      "paddingBottom": "1rem",
+      "paddingTop": "1rem",
+    }
+  }
+>
+  A section title
+</div>
+`;
+
+exports[`Snapshots Select center text 1`] = `
+<div
+  style={
+    Object {
+      "position": "relative",
+    }
+  }
+>
+  <select
+    aria-label={null}
+    disabled={false}
+    onChange={[Function]}
+    style={
+      Object {
+        "MozAppearance": "none",
+        "WebkitAppearance": "none",
+        "appearance": "none",
+        "background": "transparent",
+        "border": 0,
+        "borderRadius": "0.126rem",
+        "color": "#59626a",
+        "fontSize": "0.8rem",
+        "height": "auto",
+        "margin": 0,
+        "padding": 0,
+        "paddingLeft": 0,
+        "textAlignLast": "center",
+        "width": "100%",
+      }
+    }
+    value={2}
+  >
+    <option
+      value={1}
+    >
+      1
+    </option>
+    <option
+      value={2}
+    >
+      2
+    </option>
+  </select>
+</div>
+`;
+
+exports[`Snapshots Select default 1`] = `
+<div
+  style={
+    Object {
+      "position": "relative",
+    }
+  }
+>
+  <select
+    aria-label={null}
+    disabled={false}
+    onChange={[Function]}
+    style={
+      Object {
+        "MozAppearance": "none",
+        "WebkitAppearance": "none",
+        "appearance": "none",
+        "background": "transparent",
+        "border": "0.063rem solid #e6ebef",
+        "borderRadius": "0.126rem",
+        "color": "#59626a",
+        "fontSize": "0.8rem",
+        "height": "2rem",
+        "padding": "0 1.5rem 0 0.5rem",
+        "width": "100%",
       }
+    }
+    value={undefined}
+  >
+    <option
+      value="London"
     >
-      <div
-        onMouseEnter={undefined}
-        onMouseLeave={undefined}
-        style={
-          Object {
-            "backgroundColor": "#fff",
-            "border": "0.063rem solid #e6ebef",
-            "borderRadius": "0.126rem",
-            "color": "#323b43",
-            "fontSize": "0.9rem",
-            "lineHeight": 1.5,
-            "padding": "1.5rem",
-            "transition": "box-shadow 0.1s linear",
-          }
-        }
-      >
-        Popover
-      </div>
-    </div>
-    <div
-      onClick={[Function]}
-      style={
-        Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 1,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
-        }
+      London
+    </option>
+    <option
+      value="New York"
+    >
+      New York
+    </option>
+    <option
+      value="San Francisco"
+    >
+      San Francisco
+    </option>
+    <option
+      value="Tokyo"
+    >
+      Tokyo
+    </option>
+    <option
+      value="Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch"
+    >
+      Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
+    </option>
+  </select>
+  <div
+    style={
+      Object {
+        "pointerEvents": "none",
+        "position": "absolute",
+        "right": "0.5rem",
+        "top": "0.5rem",
       }
-    />
-  </span>
-</span>
-`;
-
-exports[`Snapshots Popover right = 10rem 1`] = `
-<span>
-  <span>
-    <div
+    }
+  >
+    <svg
+      height="100%"
       style={
         Object {
-          "bottom": undefined,
-          "left": undefined,
-          "position": "absolute",
-          "right": "10rem",
-          "top": undefined,
-          "zIndex": 3000,
+          "fill": "#59626a",
+          "height": "1rem",
+          "width": "1rem",
         }
       }
+      version="1.1"
+      viewBox="0 0 16 16"
+      width="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
     >
-      <div
-        onMouseEnter={undefined}
-        onMouseLeave={undefined}
-        style={
-          Object {
-            "backgroundColor": "#fff",
-            "border": "0.063rem solid #e6ebef",
-            "borderRadius": "0.126rem",
-            "color": "#323b43",
-            "fontSize": "0.9rem",
-            "lineHeight": 1.5,
-            "padding": "1.5rem",
-            "transition": "box-shadow 0.1s linear",
-          }
-        }
+      <g
+        className="shuttleGray"
       >
-        Popover
-      </div>
-    </div>
-    <div
-      onClick={[Function]}
-      style={
-        Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 1,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
-        }
-      }
-    />
-  </span>
-</span>
+        <path
+          d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+          transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+        />
+      </g>
+    </svg>
+  </div>
+</div>
 `;
 
-exports[`Snapshots Popover top = 10rem 1`] = `
-<span>
-  <span>
-    <div
-      style={
-        Object {
-          "bottom": undefined,
-          "left": undefined,
-          "position": "absolute",
-          "right": undefined,
-          "top": "10rem",
-          "zIndex": 3000,
-        }
+exports[`Snapshots Select noStyle 1`] = `
+<div
+  style={
+    Object {
+      "position": "relative",
+    }
+  }
+>
+  <select
+    aria-label={null}
+    disabled={false}
+    onChange={[Function]}
+    style={
+      Object {
+        "MozAppearance": "none",
+        "WebkitAppearance": "none",
+        "appearance": "none",
+        "background": "transparent",
+        "border": 0,
+        "borderRadius": "0.126rem",
+        "color": "#59626a",
+        "fontSize": "0.8rem",
+        "height": "auto",
+        "margin": 0,
+        "padding": 0,
+        "width": "100%",
       }
+    }
+    value="Tokyo"
+  >
+    <option
+      value="London"
     >
-      <div
-        onMouseEnter={undefined}
-        onMouseLeave={undefined}
-        style={
-          Object {
-            "backgroundColor": "#fff",
-            "border": "0.063rem solid #e6ebef",
-            "borderRadius": "0.126rem",
-            "color": "#323b43",
-            "fontSize": "0.9rem",
-            "lineHeight": 1.5,
-            "padding": "1.5rem",
-            "transition": "box-shadow 0.1s linear",
-          }
-        }
-      >
-        Popover
-      </div>
-    </div>
-    <div
-      onClick={[Function]}
-      style={
-        Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 1,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
-        }
-      }
-    />
-  </span>
-</span>
+      London
+    </option>
+    <option
+      value="New York"
+    >
+      New York
+    </option>
+    <option
+      value="San Francisco"
+    >
+      San Francisco
+    </option>
+    <option
+      value="Tokyo"
+    >
+      Tokyo
+    </option>
+    <option
+      value="Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch"
+    >
+      Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
+    </option>
+  </select>
+</div>
 `;
 
-exports[`Snapshots Popover top = 10rem left = 10rem 1`] = `
-<span>
-  <span>
+exports[`Snapshots Select rangeSelector 1`] = `
+<div
+  style={
+    Object {
+      "position": "relative",
+    }
+  }
+>
+  <select
+    aria-label={null}
+    disabled={false}
+    onChange={[Function]}
+    style={
+      Object {
+        "MozAppearance": "none",
+        "WebkitAppearance": "none",
+        "appearance": "none",
+        "background": "transparent",
+        "border": "0.063rem solid #e6ebef",
+        "borderRadius": "0.126rem",
+        "color": "#59626a",
+        "fontSize": "0.8rem",
+        "height": "2rem",
+        "padding": "0 1.5rem 0 0.5rem",
+        "paddingRight": "1rem",
+        "width": "100%",
+      }
+    }
+    value={2}
+  >
+    <option
+      value={1}
+    >
+      1
+    </option>
+    <option
+      value={2}
+    >
+      2
+    </option>
+  </select>
+  <div
+    style={
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#fcfcfc",
+        "borderLeft": "0.063rem solid #e6ebef",
+        "borderRadiusBottomRight": "0.126rem",
+        "borderRadiusTopRight": "0.126rem",
+        "display": "flex",
+        "flexDirection": "column",
+        "height": "1.874rem",
+        "pointerEvents": "none",
+        "position": "absolute",
+        "right": "0.063rem",
+        "top": "0.063rem",
+        "width": "1rem",
+      }
+    }
+  >
     <div
       style={
         Object {
-          "bottom": undefined,
-          "left": "10rem",
-          "position": "absolute",
-          "right": undefined,
-          "top": "10rem",
-          "zIndex": 3000,
+          "fontFamily": "none",
+          "height": "0.937rem",
         }
       }
     >
-      <div
-        onMouseEnter={undefined}
-        onMouseLeave={undefined}
+      <svg
+        height="100%"
         style={
           Object {
-            "backgroundColor": "#fff",
-            "border": "0.063rem solid #e6ebef",
-            "borderRadius": "0.126rem",
-            "color": "#323b43",
-            "fontSize": "0.9rem",
-            "lineHeight": 1.5,
-            "padding": "1.5rem",
-            "transition": "box-shadow 0.1s linear",
+            "fill": "#59626a",
+            "height": "0.75rem",
+            "width": "0.75rem",
           }
         }
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
       >
-        Popover
-      </div>
+        <g
+          className="shuttleGray"
+        >
+          <path
+            d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+            transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+          />
+        </g>
+      </svg>
     </div>
-    <div
-      onClick={[Function]}
-      style={
-        Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 1,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
-        }
-      }
-    />
-  </span>
-</span>
-`;
-
-exports[`Snapshots Popover transparent Overlay 1`] = `
-<span>
-  <span>
     <div
       style={
         Object {
-          "bottom": undefined,
-          "left": "50%",
-          "position": "absolute",
-          "right": undefined,
-          "top": "50%",
-          "transform": "translate(-50%, -50%)",
-          "zIndex": 3000,
+          "fontFamily": "none",
+          "height": "0.937rem",
         }
       }
     >
-      <div
-        onMouseEnter={undefined}
-        onMouseLeave={undefined}
+      <svg
+        height="100%"
         style={
           Object {
-            "backgroundColor": "#fff",
-            "border": "0.063rem solid #e6ebef",
-            "borderRadius": "0.126rem",
-            "color": "#323b43",
-            "fontSize": "0.9rem",
-            "lineHeight": 1.5,
-            "padding": "1.5rem",
-            "transition": "box-shadow 0.1s linear",
+            "fill": "#59626a",
+            "height": "0.75rem",
+            "width": "0.75rem",
           }
         }
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
       >
-        Popover
-      </div>
-    </div>
-    <div
-      onClick={[Function]}
-      style={
-        Object {
-          "backgroundColor": "rgba(50, 59, 67, 0.8)",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 2000,
-        }
-      }
-    />
-  </span>
-</span>
+        <g
+          className="shuttleGray"
+        >
+          <path
+            d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+            transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
 `;
 
-exports[`Snapshots SectionHeader default 1`] = `
-<span>
-  <div
-    style={
-      Object {
-        "alignItems": "center",
-        "borderBottom": "0.063rem solid #e6ebef",
-        "display": "flex",
-        "flexDirection": "row",
-        "paddingBottom": "1rem",
-        "paddingTop": "1rem",
-      }
+exports[`Snapshots Select rangeSelector centerText 1`] = `
+<div
+  style={
+    Object {
+      "position": "relative",
     }
-  />
-</span>
-`;
-
-exports[`Snapshots SectionHeader with content 1`] = `
-<span>
-  <div
+  }
+>
+  <select
+    aria-label={null}
+    disabled={false}
+    onChange={[Function]}
     style={
       Object {
-        "alignItems": "center",
-        "borderBottom": "0.063rem solid #e6ebef",
-        "display": "flex",
-        "flexDirection": "row",
-        "paddingBottom": "1rem",
-        "paddingTop": "1rem",
+        "MozAppearance": "none",
+        "WebkitAppearance": "none",
+        "appearance": "none",
+        "background": "transparent",
+        "border": "0.063rem solid #e6ebef",
+        "borderRadius": "0.126rem",
+        "color": "#59626a",
+        "fontSize": "0.8rem",
+        "height": "2rem",
+        "padding": "0 1.5rem 0 0.5rem",
+        "paddingLeft": 0,
+        "paddingRight": "1rem",
+        "textAlignLast": "center",
+        "width": "100%",
       }
     }
+    value={2}
   >
-    A section title
-  </div>
-</span>
-`;
-
-exports[`Snapshots Select default 1`] = `
-<span>
+    <option
+      value={1}
+    >
+      1
+    </option>
+    <option
+      value={2}
+    >
+      2
+    </option>
+  </select>
   <div
     style={
       Object {
         "alignItems": "center",
+        "backgroundColor": "#fcfcfc",
+        "borderLeft": "0.063rem solid #e6ebef",
+        "borderRadiusBottomRight": "0.126rem",
+        "borderRadiusTopRight": "0.126rem",
         "display": "flex",
-        "flexDirection": "row",
+        "flexDirection": "column",
+        "height": "1.874rem",
+        "pointerEvents": "none",
+        "position": "absolute",
+        "right": "0.063rem",
+        "top": "0.063rem",
+        "width": "1rem",
       }
     }
   >
-    <select
+    <div
       style={
         Object {
-          "-moz-appearance": "none",
-          "-webkit-appearance": "none",
-          "appearance": "none",
-          "background": "transparent",
-          "border": "0.063rem solid #e6ebef",
-          "borderRadius": "0.126rem",
-          "fontSize": "0.8rem",
-          "height": "2rem",
-          "paddingLeft": "0.5rem",
-          "paddingRight": "0.5rem",
-          "zIndex": 4000,
+          "fontFamily": "none",
+          "height": "0.937rem",
         }
       }
     >
-      <option>
-        London
-      </option>
-      <option>
-        New York
-      </option>
-      <option>
-        San Francisco
-      </option>
-      <option>
-        Tokyo
-      </option>
-      <option>
-        Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
-      </option>
-    </select>
-    <span
+      <svg
+        height="100%"
+        style={
+          Object {
+            "fill": "#59626a",
+            "height": "0.75rem",
+            "width": "0.75rem",
+          }
+        }
+        version="1.1"
+        viewBox="0 0 16 16"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+      >
+        <g
+          className="shuttleGray"
+        >
+          <path
+            d="M4.90573685,3.83437656 C4.5159485,3.44536915 4.51510793,2.81708404 4.90996552,2.42499924 L4.90996552,2.42499924 C5.30208929,2.03562905 5.93536183,2.03785674 6.32490003,2.4304594 L11.2750374,7.41953907 C11.6643604,7.81192483 11.6645756,8.44590538 11.2750374,8.83605572 L6.32490003,13.7939721 C5.93557705,14.1839068 5.3048231,14.1848577 4.90996552,13.7899895 L4.90996552,13.7899895 C4.51784174,13.3978552 4.51273549,12.7696997 4.9163418,12.369326 L8.84038203,8.47671472 C9.03897712,8.27971024 9.04484713,7.96519423 8.84038203,7.76113877 L4.90573685,3.83437656 Z"
+            transform="translate(8.089966, 8.109997) scale(-1, -1) rotate(-270.000000) translate(-8.089966, -8.109997) "
+          />
+        </g>
+      </svg>
+    </div>
+    <div
       style={
         Object {
-          "alignItems": "center",
-          "display": "flex",
-          "marginLeft": "-1.5rem",
-          "zIndex": 0,
+          "fontFamily": "none",
+          "height": "0.937rem",
         }
       }
     >
@@ -16450,8 +22478,8 @@ exports[`Snapshots Select default 1`] = `
         style={
           Object {
             "fill": "#59626a",
-            "height": "1rem",
-            "width": "1rem",
+            "height": "0.75rem",
+            "width": "0.75rem",
           }
         }
         version="1.1"
@@ -16469,204 +22497,482 @@ exports[`Snapshots Select default 1`] = `
           />
         </g>
       </svg>
-    </span>
+    </div>
   </div>
-</span>
+</div>
 `;
 
-exports[`Snapshots Text black 1`] = `
-<span>
-  <span
+exports[`Snapshots Select short numbers 1`] = `
+<div
+  style={
+    Object {
+      "position": "relative",
+    }
+  }
+>
+  <select
+    aria-label={null}
+    disabled={false}
+    onChange={[Function]}
     style={
       Object {
-        "color": "#000",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
+        "MozAppearance": "none",
+        "WebkitAppearance": "none",
+        "appearance": "none",
+        "background": "transparent",
+        "border": "0.063rem solid #e6ebef",
+        "borderRadius": "0.126rem",
+        "color": "#59626a",
+        "fontSize": "0.8rem",
+        "height": "2rem",
+        "padding": "0 1.5rem 0 0.5rem",
+        "width": "100%",
+      }
+    }
+    value={2}
+  >
+    <option
+      value={1}
+    >
+      1
+    </option>
+    <option
+      value={2}
+    >
+      2
+    </option>
+  </select>
+  <div
+    style={
+      Object {
+        "pointerEvents": "none",
+        "position": "absolute",
+        "right": "0.5rem",
+        "top": "0.5rem",
+      }
+    }
+  >
+    <svg
+      height="100%"
+      style={
+        Object {
+          "fill": "#59626a",
+          "height": "1rem",
+          "width": "1rem",
+        }
       }
+      version="1.1"
+      viewBox="0 0 16 16"
+      width="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <g
+        className="shuttleGray"
+      >
+        <path
+          d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+          transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+        />
+      </g>
+    </svg>
+  </div>
+</div>
+`;
+
+exports[`Snapshots Select with text color 1`] = `
+<div
+  style={
+    Object {
+      "position": "relative",
+    }
+  }
+>
+  <select
+    aria-label={null}
+    disabled={false}
+    onChange={[Function]}
+    style={
+      Object {
+        "MozAppearance": "none",
+        "WebkitAppearance": "none",
+        "appearance": "none",
+        "background": "transparent",
+        "border": "0.063rem solid #e6ebef",
+        "borderRadius": "0.126rem",
+        "color": "#168eea",
+        "fontSize": "0.8rem",
+        "height": "2rem",
+        "padding": "0 1.5rem 0 0.5rem",
+        "width": "100%",
+      }
+    }
+    value="Tokyo"
+  >
+    <option
+      value="London"
+    >
+      London
+    </option>
+    <option
+      value="New York"
+    >
+      New York
+    </option>
+    <option
+      value="San Francisco"
+    >
+      San Francisco
+    </option>
+    <option
+      value="Tokyo"
+    >
+      Tokyo
+    </option>
+    <option
+      value="Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch"
+    >
+      Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
+    </option>
+  </select>
+  <div
+    style={
+      Object {
+        "pointerEvents": "none",
+        "position": "absolute",
+        "right": "0.5rem",
+        "top": "0.5rem",
+      }
+    }
+  >
+    <svg
+      height="100%"
+      style={
+        Object {
+          "fill": "#59626a",
+          "height": "1rem",
+          "width": "1rem",
+        }
+      }
+      version="1.1"
+      viewBox="0 0 16 16"
+      width="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <g
+        className="shuttleGray"
+      >
+        <path
+          d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+          transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+        />
+      </g>
+    </svg>
+  </div>
+</div>
+`;
+
+exports[`Snapshots Select with value set 1`] = `
+<div
+  style={
+    Object {
+      "position": "relative",
+    }
+  }
+>
+  <select
+    aria-label={null}
+    disabled={false}
+    onChange={[Function]}
+    style={
+      Object {
+        "MozAppearance": "none",
+        "WebkitAppearance": "none",
+        "appearance": "none",
+        "background": "transparent",
+        "border": "0.063rem solid #e6ebef",
+        "borderRadius": "0.126rem",
+        "color": "#59626a",
+        "fontSize": "0.8rem",
+        "height": "2rem",
+        "padding": "0 1.5rem 0 0.5rem",
+        "width": "100%",
+      }
+    }
+    value="Tokyo"
+  >
+    <option
+      value="London"
+    >
+      London
+    </option>
+    <option
+      value="New York"
+    >
+      New York
+    </option>
+    <option
+      value="San Francisco"
+    >
+      San Francisco
+    </option>
+    <option
+      value="Tokyo"
+    >
+      Tokyo
+    </option>
+    <option
+      value="Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch"
+    >
+      Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
+    </option>
+  </select>
+  <div
+    style={
+      Object {
+        "pointerEvents": "none",
+        "position": "absolute",
+        "right": "0.5rem",
+        "top": "0.5rem",
+      }
+    }
+  >
+    <svg
+      height="100%"
+      style={
+        Object {
+          "fill": "#59626a",
+          "height": "1rem",
+          "width": "1rem",
+        }
+      }
+      version="1.1"
+      viewBox="0 0 16 16"
+      width="100%"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <g
+        className="shuttleGray"
+      >
+        <path
+          d="M4.90573685,4.61438297 C4.5159485,4.22537555 4.51510793,3.59709045 4.90996552,3.20500565 L4.90996552,3.20500565 C5.30208929,2.81563546 5.93536183,2.81786315 6.32490003,3.21046581 L11.2750374,8.19954548 C11.6643604,8.59193123 11.6645756,9.22591178 11.2750374,9.61606213 L6.32490003,14.5739785 C5.93557705,14.9639132 5.3048231,14.9648641 4.90996552,14.5699959 L4.90996552,14.5699959 C4.51784174,14.1778616 4.51273549,13.5497061 4.9163418,13.1493324 L8.84038203,9.25672113 C9.03897712,9.05971665 9.04484713,8.74520064 8.84038203,8.54114518 L4.90573685,4.61438297 Z"
+          transform="translate(8.089966, 8.890003) scale(-1, 1) rotate(-270.000000) translate(-8.089966, -8.890003) "
+        />
+      </g>
+    </svg>
+  </div>
+</div>
+`;
+
+exports[`Snapshots Text black 1`] = `
+<span
+  style={
+    Object {
+      "color": "#000",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text bold 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 600,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 600,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text curiousBlue 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#168eea",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#168eea",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text default 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text extra small 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.7rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.7rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
+</span>
+`;
+
+exports[`Snapshots Text extra-large 1`] = `
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "2rem",
+      "fontWeight": 400,
+    }
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text large 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "2rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1.25rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text mini 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.9rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.9rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text outerSpace 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#323b43",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#323b43",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text shuttleGray 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text small 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "0.8rem",
-        "fontWeight": 400,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "0.8rem",
+      "fontWeight": 400,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text thin 1`] = `
-<span>
-  <span
-    style={
-      Object {
-        "color": "#59626a",
-        "fontFamily": "\\"Open Sans\\", sans-serif",
-        "fontSize": "1rem",
-        "fontWeight": 300,
-      }
+<span
+  style={
+    Object {
+      "color": "#59626a",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 300,
     }
-  >
-    The quick brown fox jumps over the lazy dog
-  </span>
+  }
+>
+  The quick brown fox jumps over the lazy dog
 </span>
 `;
 
 exports[`Snapshots Text torchRed 1`] = `
-<span>
+<span
+  style={
+    Object {
+      "color": "#ff1e1e",
+      "fontFamily": "\\"Open Sans\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+    }
+  }
+>
+  The quick brown fox jumps over the lazy dog
+</span>
+`;
+
+exports[`Snapshots Text white 1`] = `
+<div
+  style={
+    Object {
+      "backgroundColor": "black",
+    }
+  }
+>
   <span
     style={
       Object {
-        "color": "#ff1e1e",
+        "color": "#fff",
         "fontFamily": "\\"Open Sans\\", sans-serif",
         "fontSize": "1rem",
         "fontWeight": 400,
@@ -16675,132 +22981,95 @@ exports[`Snapshots Text torchRed 1`] = `
   >
     The quick brown fox jumps over the lazy dog
   </span>
-</span>
-`;
-
-exports[`Snapshots Text white 1`] = `
-<span>
-  <div
-    style={
-      Object {
-        "backgroundColor": "black",
-      }
-    }
-  >
-    <span
-      style={
-        Object {
-          "color": "#fff",
-          "fontFamily": "\\"Open Sans\\", sans-serif",
-          "fontSize": "1rem",
-          "fontWeight": 400,
-        }
-      }
-    >
-      The quick brown fox jumps over the lazy dog
-    </span>
-  </div>
-</span>
+</div>
 `;
 
 exports[`Snapshots Video Default 1`] = `
-<span>
-  <video
-    controls={true}
-    height={undefined}
-    style={Object {}}
-    width={undefined}
-  >
-    <source
-      src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
-      type="video/mp4"
-    />
-    Your Browser Does Not Support Video
-  </video>
-</span>
+<video
+  controls={true}
+  height={undefined}
+  style={Object {}}
+  width={undefined}
+>
+  <source
+    src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
+    type="video/mp4"
+  />
+  Your Browser Does Not Support Video
+</video>
 `;
 
 exports[`Snapshots Video No Controls 1`] = `
-<span>
-  <video
-    controls={false}
-    height={undefined}
-    style={Object {}}
-    width={undefined}
-  >
-    <source
-      src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
-      type="video/mp4"
-    />
-    Your Browser Does Not Support Video
-  </video>
-</span>
+<video
+  controls={false}
+  height={undefined}
+  style={Object {}}
+  width={undefined}
+>
+  <source
+    src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
+    type="video/mp4"
+  />
+  Your Browser Does Not Support Video
+</video>
 `;
 
 exports[`Snapshots Video No Video 1`] = `
-<span>
-  <video
-    controls={true}
-    height={undefined}
-    style={Object {}}
-    width={undefined}
-  >
-    Your Browser Does Not Support Video
-  </video>
-</span>
+<video
+  controls={true}
+  height={undefined}
+  style={Object {}}
+  width={undefined}
+>
+  Your Browser Does Not Support Video
+</video>
 `;
 
 exports[`Snapshots Video W=100% 1`] = `
-<span>
-  <video
-    controls={true}
-    height={undefined}
-    style={Object {}}
-    width="100%"
-  >
-    <source
-      src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
-      type="video/mp4"
-    />
-    Your Browser Does Not Support Video
-  </video>
-</span>
+<video
+  controls={true}
+  height={undefined}
+  style={Object {}}
+  width="100%"
+>
+  <source
+    src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
+    type="video/mp4"
+  />
+  Your Browser Does Not Support Video
+</video>
 `;
 
 exports[`Snapshots Video W=200px H=100px 1`] = `
-<span>
-  <video
-    controls={true}
-    height="100px"
-    style={Object {}}
-    width="200px"
-  >
-    <source
-      src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
-      type="video/mp4"
-    />
-    Your Browser Does Not Support Video
-  </video>
-</span>
+<video
+  controls={true}
+  height="100px"
+  style={Object {}}
+  width="200px"
+>
+  <source
+    src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
+    type="video/mp4"
+  />
+  Your Browser Does Not Support Video
+</video>
 `;
 
 exports[`Snapshots Video rounded border 1`] = `
-<span>
-  <video
-    controls={true}
-    height={undefined}
-    style={
-      Object {
-        "borderRadius": "0.126rem",
-      }
+<video
+  controls={true}
+  height={undefined}
+  style={
+    Object {
+      "borderRadius": "0.126rem",
     }
-    width={undefined}
-  >
-    <source
-      src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
-      type="video/mp4"
-    />
-    Your Browser Does Not Support Video
-  </video>
-</span>
+  }
+  width={undefined}
+>
+  <source
+    src="https://buffer-media-uploads.s3.amazonaws.com/52bc7a190a0e32ec4c000020/57bf2d1c6896977343f80535/output/87be589cc006a816411e8799ad3e67d9.original.mp4"
+    type="video/mp4"
+  />
+  Your Browser Does Not Support Video
+</video>
 `;
diff --git a/index.js b/index.js
index aad5c03c..93c71dff 100644
--- a/index.js
+++ b/index.js
@@ -1,11 +1,15 @@
 // if you need a component export it here
 export Button from './Button';
 export Card from './Card';
+export Divider from './Divider';
 export Icon from './Icon';
+export IconArrowPopover from './IconArrowPopover';
 export Input from './Input';
+export InputAutocomplete from './InputAutocomplete';
 export InputDate from './InputDate';
 export InputEmail from './InputEmail';
 export InputPassword from './InputPassword';
+export InputWeekday from './InputWeekday';
 export InputTime from './InputTime';
 export * from './Icon/Icons';
 export IdTag from './IdTag';
@@ -14,10 +18,14 @@ export Link from './Link';
 export LinkifiedText from './LinkifiedText';
 export List from './List';
 export ListItem from './ListItem';
+export LoadingAnimation from './LoadingAnimation';
 export NavBar from './NavBar';
+export Notification from './Notification';
 export MultipleImages from './MultipleImages';
 export Overlay from './Overlay';
+export ArrowPopover from './ArrowPopover';
 export Popover from './Popover';
 export SectionHeader from './SectionHeader';
 export Select from './Select';
 export Text from './Text';
+export PseudoClassComponent from './PseudoClassComponent';
diff --git a/lib/a11yTestHelper.js b/lib/a11yTestHelper.js
index c3a14771..128b9a18 100644
--- a/lib/a11yTestHelper.js
+++ b/lib/a11yTestHelper.js
@@ -1,14 +1,13 @@
 // Modified from: https://gist.github.com/marcysutton/835c2fd90fadb631414b39523d5bda61
-import { findDOMNode } from 'react-dom';
-import { mount } from 'enzyme';
+import { render, findDOMNode } from 'react-dom';
 import axeCore from 'axe-core';
 
 /**
- * Report results in a readable fashion.
- * @private
- * @param {object} results - The aXe [results object](https://github.com/dequelabs/axe-core/blob/master/doc/API.md#results-object).
- */
- /* istanbul ignore next */
+* Report results in a readable fashion.
+* @private
+* @param {object} results - The aXe [results object](https://github.com/dequelabs/axe-core/blob/master/doc/API.md#results-object).
+*/
+/* istanbul ignore next */
 const report = (results) => {
   // output some useful information
   let failureNotice = '';
@@ -26,30 +25,28 @@ const report = (results) => {
 };
 
 /**
- * Test a component with Enzyme.
- *
- * @param {any} app - Your app reference.
- * @param {object} config (optional) - An aXe config object to enable/disable rules. See
- * [axe.a11yCheck](https://github.com/dequelabs/axe-core/blob/master/doc/API.md#options-parameter).
- * @param {function} callback - A callback function to execute when aXe returns.
- */
- /* istanbul ignore next */
-const testComponentA11y = (app, config = []) => {
+* Test a component with Enzyme.
+*
+* @param {any} app - Your app reference.
+* @param {object} config (optional) - An aXe config object to enable/disable rules. See
+* [axe.a11yCheck](https://github.com/dequelabs/axe-core/blob/master/doc/API.md#options-parameter).
+* @param {function} callback - A callback function to execute when aXe returns.
+*/
+/* istanbul ignore next */
+const testComponentA11y = (app) => {
   const div = document.createElement('div'); //eslint-disable-line
   document.body.appendChild(div); //eslint-disable-line
 
-  const wrapper = mount(app, { attachTo: div });
-  const node = findDOMNode(wrapper.component);
-
-  if (typeof config === 'function') {
-    config = {};
-  }
+  render(app, div);
+  const node = findDOMNode(div); //eslint-disable-line
+  const config = {
+    rules: {
+      'color-contrast': { enabled: false },
+    },
+  };
   document.body.removeChild(div); //eslint-disable-line
-  const oldNode = global.Node;
-  global.Node = node.ownerDocument.defaultView.Node;
   return new Promise((resolve) => {
     axeCore.a11yCheck(node, config, (results) => {
-      global.Node = oldNode;
       resolve(results);
       report(results);
     });
diff --git a/lib/utils.js b/lib/utils.js
index 007d597b..3c1e2d51 100644
--- a/lib/utils.js
+++ b/lib/utils.js
@@ -1,3 +1,5 @@
+import colors from '../style/color';
+
 export const calcActiveStyles = (styleSwitches = {}) => {
   const activeStyles = ['default'];
   Object.keys(styleSwitches).forEach((styleKey) => {
@@ -27,3 +29,10 @@ export const calculateStyles = (styles = {}, switches) => {
     });
   return mergeStyles(activeStyles);
 };
+
+export const parseColor = (color) => {
+  if (colors[color]) {
+    return colors[color];
+  }
+  return color;
+};
diff --git a/lib/utils.test.js b/lib/utils.test.js
index 56371011..9f8d38c0 100644
--- a/lib/utils.test.js
+++ b/lib/utils.test.js
@@ -2,6 +2,7 @@ import {
   calcActiveStyles,
   mergeStyles,
   calculateStyles,
+  parseColor,
 } from './utils';
 
 describe('utils', () => {
@@ -125,4 +126,15 @@ describe('utils', () => {
         .toThrowError('style `hovered` is not an available style');
     });
   });
+
+  describe('parseColor', () => {
+    it('should parse style guide color', () => {
+      expect(parseColor('curiousBlue'))
+        .toEqual('#168eea');
+    });
+    it('should pass through custom colors', () => {
+      expect(parseColor('#ffcc00'))
+        .toEqual('#ffcc00');
+    });
+  });
 });
diff --git a/package.json b/package.json
index e2a7fb0b..0af4b995 100644
--- a/package.json
+++ b/package.json
@@ -1,28 +1,14 @@
 {
   "name": "@bufferapp/components",
-  "version": "0.5.22",
+  "version": "1.0.1-beta.01",
   "description": "A shared set of UI Components",
   "main": "index.js",
   "scripts": {
     "start": "start-storybook -p 9001",
-    "deploy-storybook": "storybook-to-ghpages",
-    "lint": "./node_modules/eslint/bin/eslint.js . --ignore-pattern coverage .storybook node_modules",
-    "test": "npm run lint && jest --coverage",
-    "test-watch": "jest --watch",
-    "test-update": "jest -u"
-  },
-  "jest": {
-    "moduleNameMapper": {
-      "\\.(css|less)$": "identity-obj-proxy"
-    },
-    "coverageThreshold": {
-      "global": {
-        "branches": 100,
-        "functions": 100,
-        "lines": 100,
-        "statements": 100
-      }
-    }
+    "lint": "eslint . --ignore-pattern coverage .storybook node_modules",
+    "test": "yarn run lint && jest",
+    "test-update": "jest -u",
+    "test-watch": "jest --watch"
   },
   "repository": {
     "type": "git",
@@ -37,37 +23,36 @@
   "peerDependencies": {
     "react": ">= 0.14.0"
   },
+  "jest": {
+    "verbose": true,
+    "moduleNameMapper": {
+      "\\.(css|less)$": "identity-obj-proxy"
+    }
+  },
   "devDependencies": {
-    "@kadira/storybook-deployer": "1.2.0",
-    "axe-core": "^2.2.0",
-    "@storybook/addon-actions": "3.1.2",
-    "@storybook/addon-storyshots": "3.1.2",
-    "@storybook/react": "3.1.3",
-    "babel-cli": "6.24.1",
-    "babel-eslint": "7.2.3",
-    "babel-jest": "20.0.3",
-    "babel-preset-es2015": "6.24.1",
-    "babel-preset-react": "6.24.1",
-    "babel-preset-stage-1": "6.24.1",
-    "enzyme": "2.8.2",
-    "eslint": "3.19.0",
-    "eslint-config-airbnb": "15.0.1",
-    "eslint-plugin-import": "2.3.0",
-    "eslint-plugin-jsx-a11y": "5.0.3",
-    "eslint-plugin-react": "7.0.1",
+    "@storybook/addon-storyshots": "3.2.13",
+    "@storybook/react": "3.2.13",
+    "babel-eslint": "8.0.1",
+    "enzyme": "3.1.0",
+    "enzyme-adapter-react-16": "1.0.2",
+    "eslint": "4.9.0",
+    "eslint-config-airbnb": "16.1.0",
+    "eslint-plugin-import": "2.8.0",
+    "eslint-plugin-jsx-a11y": "6.0.2",
+    "eslint-plugin-react": "7.4.0",
     "identity-obj-proxy": "3.0.0",
-    "jest": "20.0.4",
-    "react": "15.5.4",
-    "react-addons-test-utils": "15.5.1",
-    "react-dom": "15.5.4",
-    "react-test-renderer": "15.5.4",
-    "storybook-addon-a11y": "3.0.0",
-    "style-loader": "0.18.1"
+    "jest": "21.2.1",
+    "react": "16.0.0",
+    "react-dom": "16.0.0",
+    "react-test-renderer": "16.0.0",
+    "storybook-addon-a11y": "3.1.9"
   },
   "dependencies": {
-    "prop-types": "15.5.10",
-    "react-day-picker": "5.5.1",
-    "react-keyframes": "0.2.2",
-    "uuid": "3.0.1"
+    "@bufferapp/react-keyframes": "0.2.5",
+    "react-autocomplete": "1.7.2",
+    "react-day-picker": "6.2.1"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }
diff --git a/style/animation.js b/style/animation.js
index 834fa376..6675af64 100644
--- a/style/animation.js
+++ b/style/animation.js
@@ -1,2 +1,3 @@
-export const transitionAnimationTime = '0.1s';
+export const transitionTimeMilliseconds = 200;
+export const transitionAnimationTime = `${transitionTimeMilliseconds / 1000}s`;
 export const transitionAnimationType = 'linear';
diff --git a/style/border.js b/style/border.js
index 75c442fc..7106cd7a 100644
--- a/style/border.js
+++ b/style/border.js
@@ -1,3 +1,3 @@
-const borderNum = 0.063;
-export const borderWidth = `${borderNum}rem`;
-export const borderRadius = `${borderNum * 2}rem`;
+export const borderWidthNumber = 0.063;
+export const borderWidth = `${borderWidthNumber}rem`;
+export const borderRadius = `${borderWidthNumber * 2}rem`;
diff --git a/style/color.js b/style/color.js
index 0fdf232c..f43a71c4 100644
--- a/style/color.js
+++ b/style/color.js
@@ -7,12 +7,14 @@ export const toryBlue = '#0f63a4';
 export const appdotnet = '#4a484c';
 export const facebook = '#3b5998';
 export const googleplus = '#dd4b39';
+export const instagram = '#e53c5f';
 export const linkedin = '#007bb6';
 export const pinterest = '#bd081c';
 export const twitter = '#55acee';
 
 export const aquaHaze = '#f4f7f9';
 export const geyser = '#ced7df';
+export const fillColor = '#eaeff2';
 export const mystic = '#e6ebef';
 export const nevada = '#666c72';
 export const outerSpace = '#323b43';
@@ -30,6 +32,14 @@ export const shamrock = '#2fd566';
 export const saffron = '#f1cb3a';
 export const torchRed = '#ff1e1e';
 
+// TODO: Do we need to keep these colors here?
+// Should they have cuter names?
+export const sidebarBackgroundBlue = '#192534';
+export const sidebarIcon = '#7088A5';
+export const darkPopover = '#2E435E';
+
+export const baliHai = '#8D969E';
+
 const colors = {
   curiousBlue,
   curiousBlueLight,
@@ -39,6 +49,7 @@ const colors = {
   appdotnet,
   facebook,
   googleplus,
+  instagram,
   linkedin,
   pinterest,
   twitter,
@@ -58,6 +69,10 @@ const colors = {
   shamrock,
   saffron,
   torchRed,
+  sidebarBackgroundBlue,
+  sidebarIcon,
+  darkPopover,
+  baliHai,
 };
 
 export default colors;
diff --git a/style/dropShadow.js b/style/dropShadow.js
index b6332212..11a8c214 100644
--- a/style/dropShadow.js
+++ b/style/dropShadow.js
@@ -1,3 +1,4 @@
-import { outerSpaceLight } from './color';
+import { outerSpaceUltraDark, outerSpaceLight } from './color';
 
-export const boxShadowLevelOne = `0 1px 2px ${outerSpaceLight}`; // eslint-disable-line import/prefer-default-export
+export const boxShadowLevelOne = `0 1px 2px ${outerSpaceLight}`;
+export const boxShadowLevelTwo = `0 1px 4px ${outerSpaceUltraDark}`;
diff --git a/style/font.js b/style/font.js
index b44431ec..dea77360 100644
--- a/style/font.js
+++ b/style/font.js
@@ -1,7 +1,8 @@
 export const fontFamily = '"Open Sans", sans-serif';
 
 export const fontSize = '1rem';
-export const fontSizeLarge = '2rem';
+export const fontSizeLarge = '1.25rem';
+export const fontSizeExtraLarge = '2rem';
 export const fontSizeMini = '0.9rem';
 export const fontSizeSmall = '0.8rem';
 export const fontSizeExtraSmall = '0.7rem';
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 00000000..a519b7b6
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,6946 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@bufferapp/react-keyframes@0.2.5":
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/@bufferapp/react-keyframes/-/react-keyframes-0.2.5.tgz#fed847849f170c440ad6ea683224352e4b882b92"
+
+"@hypnosphi/fuse.js@^3.0.9":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@hypnosphi/fuse.js/-/fuse.js-3.0.9.tgz#ea99f6121b4a8f065b4c71f85595db2714498807"
+
+"@storybook/addon-actions@^3.1.2", "@storybook/addon-actions@^3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-3.2.13.tgz#7fae9201514f0efeee710d466828ea3c6bf0ec16"
+  dependencies:
+    "@storybook/addons" "^3.2.13"
+    deep-equal "^1.0.1"
+    json-stringify-safe "^5.0.1"
+    prop-types "^15.6.0"
+    react-inspector "^2.2.0"
+    uuid "^3.1.0"
+
+"@storybook/addon-links@^3.1.2", "@storybook/addon-links@^3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-3.2.13.tgz#925bb46350583a73538ac655f23df6f55019b560"
+  dependencies:
+    "@storybook/addons" "^3.2.13"
+
+"@storybook/addon-storyshots@3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-storyshots/-/addon-storyshots-3.2.13.tgz#b0a990b2d2901910f92010d17a6892160777a02a"
+  dependencies:
+    babel-runtime "^6.26.0"
+    global "^4.3.2"
+    prop-types "^15.6.0"
+    read-pkg-up "^2.0.0"
+
+"@storybook/addons@^3.1.2", "@storybook/addons@^3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.2.13.tgz#a133103770a7f2330bc931571df1b2ae660f8f71"
+
+"@storybook/channel-postmessage@^3.1.2", "@storybook/channel-postmessage@^3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-3.2.13.tgz#41d243e8def775696ac9159254b28c7d183b891c"
+  dependencies:
+    "@storybook/channels" "^3.2.13"
+    global "^4.3.2"
+    json-stringify-safe "^5.0.1"
+
+"@storybook/channels@^3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-3.2.13.tgz#d4e04f99b1bb12cc3203839823218860358be480"
+
+"@storybook/components@^3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-3.2.13.tgz#0576139f54468c9039da6a05d8ed2f1656f6007e"
+  dependencies:
+    glamor "^2.20.40"
+    glamorous "^4.9.7"
+    prop-types "^15.6.0"
+
+"@storybook/react-fuzzy@^0.4.1":
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/@storybook/react-fuzzy/-/react-fuzzy-0.4.3.tgz#36f7536ba97bf08b03cb57f47c58ae2cca330aec"
+  dependencies:
+    babel-runtime "^6.23.0"
+    classnames "^2.2.5"
+    fuse.js "^3.0.1"
+    prop-types "^15.5.9"
+
+"@storybook/react@3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-3.2.13.tgz#d5b4d24a16a78b74d89bcee22475c755a05693cd"
+  dependencies:
+    "@storybook/addon-actions" "^3.2.13"
+    "@storybook/addon-links" "^3.2.13"
+    "@storybook/addons" "^3.2.13"
+    "@storybook/channel-postmessage" "^3.2.13"
+    "@storybook/ui" "^3.2.13"
+    airbnb-js-shims "^1.3.0"
+    autoprefixer "^7.1.5"
+    babel-core "^6.26.0"
+    babel-loader "^7.1.2"
+    babel-plugin-react-docgen "^1.8.0"
+    babel-plugin-transform-regenerator "^6.26.0"
+    babel-plugin-transform-runtime "^6.23.0"
+    babel-preset-env "^1.6.1"
+    babel-preset-minify "^0.2.0"
+    babel-preset-react "^6.24.1"
+    babel-preset-react-app "^3.0.3"
+    babel-preset-stage-0 "^6.24.1"
+    babel-runtime "^6.26.0"
+    case-sensitive-paths-webpack-plugin "^2.1.1"
+    chalk "^2.2.0"
+    commander "^2.11.0"
+    common-tags "^1.4.0"
+    configstore "^3.1.1"
+    core-js "^2.5.1"
+    css-loader "^0.28.7"
+    express "^4.16.2"
+    file-loader "^0.11.2"
+    find-cache-dir "^1.0.0"
+    glamor "^2.20.40"
+    glamorous "^4.9.7"
+    global "^4.3.2"
+    json-loader "^0.5.7"
+    json-stringify-safe "^5.0.1"
+    json5 "^0.5.1"
+    lodash.flattendeep "^4.4.0"
+    lodash.pick "^4.4.0"
+    postcss-flexbugs-fixes "^3.2.0"
+    postcss-loader "^2.0.8"
+    prop-types "^15.6.0"
+    qs "^6.5.1"
+    react-modal "^2.4.1"
+    redux "^3.7.2"
+    request "^2.83.0"
+    serve-favicon "^2.4.5"
+    shelljs "^0.7.8"
+    style-loader "^0.18.2"
+    url-loader "^0.6.2"
+    util-deprecate "^1.0.2"
+    uuid "^3.1.0"
+    webpack "^3.8.1"
+    webpack-dev-middleware "^1.12.0"
+    webpack-hot-middleware "^2.20.0"
+
+"@storybook/react@^3.0.0":
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-3.1.3.tgz#e2d7d2ecf4d7ff3dfab1d7b324e2c19e04be5934"
+  dependencies:
+    "@storybook/addon-actions" "^3.1.2"
+    "@storybook/addon-links" "^3.1.2"
+    "@storybook/addons" "^3.1.2"
+    "@storybook/channel-postmessage" "^3.1.2"
+    "@storybook/ui" "^3.1.3"
+    airbnb-js-shims "^1.1.1"
+    autoprefixer "^7.1.1"
+    babel-core "^6.24.1"
+    babel-loader "^7.0.0"
+    babel-plugin-react-docgen "^1.5.0"
+    babel-preset-es2015 "^6.24.1"
+    babel-preset-es2016 "^6.24.1"
+    babel-preset-react "^6.24.1"
+    babel-preset-react-app "^3.0.0"
+    babel-preset-stage-0 "^6.24.1"
+    babel-runtime "^6.23.0"
+    case-sensitive-paths-webpack-plugin "^2.0.0"
+    chalk "^1.1.3"
+    commander "^2.9.0"
+    common-tags "^1.4.0"
+    configstore "^3.1.0"
+    css-loader "^0.28.1"
+    express "^4.15.3"
+    file-loader "^0.11.1"
+    find-cache-dir "^1.0.0"
+    global "^4.3.2"
+    json-loader "^0.5.4"
+    json-stringify-safe "^5.0.1"
+    json5 "^0.5.1"
+    lodash.pick "^4.4.0"
+    postcss-flexbugs-fixes "^3.0.0"
+    postcss-loader "^2.0.5"
+    prop-types "^15.5.10"
+    qs "^6.4.0"
+    react-modal "^1.7.7"
+    redux "^3.6.0"
+    request "^2.81.0"
+    serve-favicon "^2.4.3"
+    shelljs "^0.7.7"
+    style-loader "^0.17.0"
+    url-loader "^0.5.8"
+    util-deprecate "^1.0.2"
+    uuid "^3.0.1"
+    webpack "^2.5.1"
+    webpack-dev-middleware "^1.10.2"
+    webpack-hot-middleware "^2.18.0"
+
+"@storybook/ui@^3.1.3", "@storybook/ui@^3.2.13":
+  version "3.2.13"
+  resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-3.2.13.tgz#c50150a793802e1f4f344fe3ee7af3998d7c5196"
+  dependencies:
+    "@hypnosphi/fuse.js" "^3.0.9"
+    "@storybook/components" "^3.2.13"
+    "@storybook/react-fuzzy" "^0.4.1"
+    babel-runtime "^6.26.0"
+    deep-equal "^1.0.1"
+    events "^1.1.1"
+    global "^4.3.2"
+    json-stringify-safe "^5.0.1"
+    keycode "^2.1.8"
+    lodash.debounce "^4.0.8"
+    lodash.pick "^4.4.0"
+    lodash.sortby "^4.7.0"
+    mantra-core "^1.7.0"
+    podda "^1.2.2"
+    prop-types "^15.6.0"
+    qs "^6.5.1"
+    react-icons "^2.2.7"
+    react-inspector "^2.2.0"
+    react-komposer "^2.0.0"
+    react-modal "^2.4.1"
+    react-split-pane "^0.1.65"
+    react-treebeard "^2.0.3"
+    redux "^3.7.2"
+
+"@types/inline-style-prefixer@^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@types/inline-style-prefixer/-/inline-style-prefixer-3.0.1.tgz#8541e636b029124b747952e9a28848286d2b5bf6"
+
+"@types/node@^6.0.46":
+  version "6.0.90"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.90.tgz#0ed74833fa1b73dcdb9409dcb1c97ec0a8b13b02"
+
+"@types/react@^16.0.18":
+  version "16.0.18"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.18.tgz#c08eea79ada55bf10b5353e18c21797dd17afa23"
+
+abab@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-1.0.4.tgz#5faad9c2c07f60dd76770f71cf025b62a63cfd4e"
+
+abbrev@1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+
+accepts@~1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.4.tgz#86246758c7dd6d21a6474ff084a4740ec05eb21f"
+  dependencies:
+    mime-types "~2.1.16"
+    negotiator "0.6.1"
+
+acorn-dynamic-import@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz#c752bd210bef679501b6c6cb7fc84f8f47158cc4"
+  dependencies:
+    acorn "^4.0.3"
+
+acorn-globals@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-3.1.0.tgz#fd8270f71fbb4996b004fa880ee5d46573a731bf"
+  dependencies:
+    acorn "^4.0.4"
+
+acorn-jsx@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-3.0.1.tgz#afdf9488fb1ecefc8348f6fb22f464e32a58b36b"
+  dependencies:
+    acorn "^3.0.4"
+
+acorn@^3.0.4:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
+
+acorn@^4.0.3, acorn@^4.0.4:
+  version "4.0.13"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
+
+acorn@^5.0.0, acorn@^5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.1.2.tgz#911cb53e036807cf0fa778dc5d370fbd864246d7"
+
+airbnb-js-shims@^1.1.1, airbnb-js-shims@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/airbnb-js-shims/-/airbnb-js-shims-1.3.0.tgz#aac46d80057fb0b414f70e06d07e362fd99ee2fa"
+  dependencies:
+    array-includes "^3.0.3"
+    es5-shim "^4.5.9"
+    es6-shim "^0.35.3"
+    function.prototype.name "^1.0.3"
+    object.entries "^1.0.4"
+    object.getownpropertydescriptors "^2.0.3"
+    object.values "^1.0.4"
+    promise.prototype.finally "^3.0.0"
+    string.prototype.padend "^3.0.0"
+    string.prototype.padstart "^3.0.0"
+
+ajv-keywords@^1.1.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-1.5.1.tgz#314dd0a4b3368fad3dfcdc54ede6171b886daf3c"
+
+ajv-keywords@^2.0.0, ajv-keywords@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-2.1.0.tgz#a296e17f7bfae7c1ce4f7e0de53d29cb32162df0"
+
+ajv@^4.7.0, ajv@^4.9.1:
+  version "4.11.8"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.8.tgz#82ffb02b29e662ae53bdc20af15947706739c536"
+  dependencies:
+    co "^4.6.0"
+    json-stable-stringify "^1.0.1"
+
+ajv@^5.0.0, ajv@^5.1.0, ajv@^5.1.5, ajv@^5.2.0, ajv@^5.2.3:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.3.0.tgz#4414ff74a50879c208ee5fdc826e32c303549eda"
+  dependencies:
+    co "^4.6.0"
+    fast-deep-equal "^1.0.0"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.3.0"
+
+align-text@^0.1.1, align-text@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
+  dependencies:
+    kind-of "^3.0.2"
+    longest "^1.0.1"
+    repeat-string "^1.5.2"
+
+alphanum-sort@^1.0.1, alphanum-sort@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
+
+amdefine@>=0.0.4:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
+
+ansi-escapes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.0.0.tgz#ec3e8b4e9f8064fc02c3ac9b65f1c275bda8ef92"
+
+ansi-html@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
+
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+
+ansi-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
+
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+
+ansi-styles@^3.1.0, ansi-styles@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.0.tgz#c159b8d5be0f9e5a6f346dab94f16ce022161b88"
+  dependencies:
+    color-convert "^1.9.0"
+
+anymatch@^1.3.0:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.2.tgz#553dcb8f91e3c889845dfdba34c77721b90b9d7a"
+  dependencies:
+    micromatch "^2.1.5"
+    normalize-path "^2.0.0"
+
+append-transform@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-0.4.0.tgz#d76ebf8ca94d276e247a36bad44a4b74ab611991"
+  dependencies:
+    default-require-extensions "^1.0.0"
+
+aproba@^1.0.3:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
+
+are-we-there-yet@~1.1.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.4.tgz#bb5dca382bb94f05e15194373d16fd3ba1ca110d"
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.6"
+
+argparse@^1.0.7:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.9.tgz#73d83bc263f86e97f8cc4f6bae1b0e90a7d22c86"
+  dependencies:
+    sprintf-js "~1.0.2"
+
+aria-query@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-0.7.0.tgz#4af10a1e61573ddea0cf3b99b51c52c05b424d24"
+  dependencies:
+    ast-types-flow "0.0.7"
+
+arr-diff@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
+  dependencies:
+    arr-flatten "^1.0.1"
+
+arr-flatten@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
+
+array-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
+
+array-find@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-find/-/array-find-1.0.0.tgz#6c8e286d11ed768327f8e62ecee87353ca3e78b8"
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+
+array-includes@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.0.3.tgz#184b48f62d92d7452bb31b323165c7f8bd02266d"
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.7.0"
+
+array-union@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
+  dependencies:
+    array-uniq "^1.0.1"
+
+array-uniq@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
+
+array-unique@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
+
+arrify@^1.0.0, arrify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
+
+asap@~2.0.3:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
+
+asn1.js@^4.0.0:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.9.1.tgz#48ba240b45a9280e94748990ba597d216617fd40"
+  dependencies:
+    bn.js "^4.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+asn1@~0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.3.tgz#dac8787713c9966849fc8180777ebe9c1ddf3b86"
+
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+
+assert-plus@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-0.2.0.tgz#d74e1b87e7affc0db8aadb7021f3fe48101ab234"
+
+assert@^1.1.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/assert/-/assert-1.4.1.tgz#99912d591836b5a6f5b345c0f07eefc08fc65d91"
+  dependencies:
+    util "0.10.3"
+
+ast-types-flow@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
+
+ast-types@0.9.12:
+  version "0.9.12"
+  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.9.12.tgz#b136300d67026625ae15326982ca9918e5db73c9"
+
+astral-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
+
+async-each@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
+
+async@^1.4.0:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
+
+async@^2.1.2, async@^2.1.4:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.5.0.tgz#843190fd6b7357a0b9e1c956edddd5ec8462b54d"
+  dependencies:
+    lodash "^4.14.0"
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+
+autoprefixer@^6.3.1:
+  version "6.7.7"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.7.7.tgz#1dbd1c835658e35ce3f9984099db00585c782014"
+  dependencies:
+    browserslist "^1.7.6"
+    caniuse-db "^1.0.30000634"
+    normalize-range "^0.1.2"
+    num2fraction "^1.2.2"
+    postcss "^5.2.16"
+    postcss-value-parser "^3.2.3"
+
+autoprefixer@^7.1.1, autoprefixer@^7.1.5:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-7.1.6.tgz#fb933039f74af74a83e71225ce78d9fd58ba84d7"
+  dependencies:
+    browserslist "^2.5.1"
+    caniuse-lite "^1.0.30000748"
+    normalize-range "^0.1.2"
+    num2fraction "^1.2.2"
+    postcss "^6.0.13"
+    postcss-value-parser "^3.2.3"
+
+aws-sign2@~0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.6.0.tgz#14342dd38dbcc94d0e5b87d763cd63612c0e794f"
+
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
+
+aws4@^1.2.1, aws4@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.6.0.tgz#83ef5ca860b2b32e4a0deedee8c771b9db57471e"
+
+axe-core@^2.0.7:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-2.4.2.tgz#3156d914051ea32597e584071d9d653b66d1579b"
+
+axobject-query@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-0.1.0.tgz#62f59dbc59c9f9242759ca349960e7a2fe3c36c0"
+  dependencies:
+    ast-types-flow "0.0.7"
+
+babel-code-frame@7.0.0-beta.0:
+  version "7.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-7.0.0-beta.0.tgz#418a7b5f3f7dc9a4670e61b1158b4c5661bec98d"
+  dependencies:
+    chalk "^2.0.0"
+    esutils "^2.0.2"
+    js-tokens "^3.0.0"
+
+babel-code-frame@^6.11.0, babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
+  dependencies:
+    chalk "^1.1.3"
+    esutils "^2.0.2"
+    js-tokens "^3.0.2"
+
+babel-core@^6.0.0, babel-core@^6.24.1, babel-core@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.26.0.tgz#af32f78b31a6fcef119c87b0fd8d9753f03a0bb8"
+  dependencies:
+    babel-code-frame "^6.26.0"
+    babel-generator "^6.26.0"
+    babel-helpers "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-register "^6.26.0"
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    convert-source-map "^1.5.0"
+    debug "^2.6.8"
+    json5 "^0.5.1"
+    lodash "^4.17.4"
+    minimatch "^3.0.4"
+    path-is-absolute "^1.0.1"
+    private "^0.1.7"
+    slash "^1.0.0"
+    source-map "^0.5.6"
+
+babel-eslint@8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-8.0.1.tgz#5d718be7a328625d006022eb293ed3008cbd6346"
+  dependencies:
+    babel-code-frame "7.0.0-beta.0"
+    babel-traverse "7.0.0-beta.0"
+    babel-types "7.0.0-beta.0"
+    babylon "7.0.0-beta.22"
+
+babel-generator@^6.18.0, babel-generator@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.0.tgz#ac1ae20070b79f6e3ca1d3269613053774f20dc5"
+  dependencies:
+    babel-messages "^6.23.0"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    detect-indent "^4.0.0"
+    jsesc "^1.3.0"
+    lodash "^4.17.4"
+    source-map "^0.5.6"
+    trim-right "^1.0.1"
+
+babel-helper-bindify-decorators@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz#14c19e5f142d7b47f19a52431e52b1ccbc40a330"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-builder-binary-assignment-operator-visitor@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz#cce4517ada356f4220bcae8a02c2b346f9a56664"
+  dependencies:
+    babel-helper-explode-assignable-expression "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-builder-react-jsx@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-builder-react-jsx/-/babel-helper-builder-react-jsx-6.26.0.tgz#39ff8313b75c8b65dceff1f31d383e0ff2a408a0"
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    esutils "^2.0.2"
+
+babel-helper-call-delegate@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz#ece6aacddc76e41c3461f88bfc575bd0daa2df8d"
+  dependencies:
+    babel-helper-hoist-variables "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-define-map@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz#a5f56dab41a25f97ecb498c7ebaca9819f95be5f"
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-helper-evaluate-path@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-evaluate-path/-/babel-helper-evaluate-path-0.2.0.tgz#0bb2eb01996c0cef53c5e8405e999fe4a0244c08"
+
+babel-helper-explode-assignable-expression@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz#f25b82cf7dc10433c55f70592d5746400ac22caa"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-explode-class@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-explode-class/-/babel-helper-explode-class-6.24.1.tgz#7dc2a3910dee007056e1e31d640ced3d54eaa9eb"
+  dependencies:
+    babel-helper-bindify-decorators "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-flip-expressions@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-flip-expressions/-/babel-helper-flip-expressions-0.2.0.tgz#160d2090a3d9f9c64a750905321a0bc218f884ec"
+
+babel-helper-function-name@7.0.0-beta.0:
+  version "7.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-function-name/-/babel-helper-function-name-7.0.0-beta.0.tgz#d1b6779b647e5c5c31ebeb05e13b998e4d352d56"
+  dependencies:
+    babel-helper-get-function-arity "7.0.0-beta.0"
+    babel-template "7.0.0-beta.0"
+    babel-traverse "7.0.0-beta.0"
+    babel-types "7.0.0-beta.0"
+
+babel-helper-function-name@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz#d3475b8c03ed98242a25b48351ab18399d3580a9"
+  dependencies:
+    babel-helper-get-function-arity "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-get-function-arity@7.0.0-beta.0:
+  version "7.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-get-function-arity/-/babel-helper-get-function-arity-7.0.0-beta.0.tgz#9d1ab7213bb5efe1ef1638a8ea1489969b5a8b6e"
+  dependencies:
+    babel-types "7.0.0-beta.0"
+
+babel-helper-get-function-arity@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz#8f7782aa93407c41d3aa50908f89b031b1b6853d"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-hoist-variables@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz#1ecb27689c9d25513eadbc9914a73f5408be7a76"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-is-nodes-equiv@^0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-is-nodes-equiv/-/babel-helper-is-nodes-equiv-0.0.1.tgz#34e9b300b1479ddd98ec77ea0bbe9342dfe39684"
+
+babel-helper-is-void-0@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-is-void-0/-/babel-helper-is-void-0-0.2.0.tgz#6ed0ada8a9b1c5b6e88af6b47c1b3b5c080860eb"
+
+babel-helper-mark-eval-scopes@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-mark-eval-scopes/-/babel-helper-mark-eval-scopes-0.2.0.tgz#7648aaf2ec92aae9b09a20ad91e8df5e1fcc94b2"
+
+babel-helper-optimise-call-expression@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz#f7a13427ba9f73f8f4fa993c54a97882d1244257"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-helper-regex@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz#325c59f902f82f24b74faceed0363954f6495e72"
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-helper-remap-async-to-generator@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz#5ec581827ad723fecdd381f1c928390676e4551b"
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-remove-or-void@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-remove-or-void/-/babel-helper-remove-or-void-0.2.0.tgz#8e46ad5b30560d57d7510b3fd93f332ee7c67386"
+
+babel-helper-replace-supers@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz#bf6dbfe43938d17369a213ca8a8bf74b6a90ab1a"
+  dependencies:
+    babel-helper-optimise-call-expression "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-helper-to-multiple-sequence-expressions@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-helper-to-multiple-sequence-expressions/-/babel-helper-to-multiple-sequence-expressions-0.2.0.tgz#d1a419634c6cb301f27858c659167cfee0a9d318"
+
+babel-helpers@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-helpers/-/babel-helpers-6.24.1.tgz#3471de9caec388e5c850e597e58a26ddf37602b2"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-jest@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-21.2.0.tgz#2ce059519a9374a2c46f2455b6fbef5ad75d863e"
+  dependencies:
+    babel-plugin-istanbul "^4.0.0"
+    babel-preset-jest "^21.2.0"
+
+babel-loader@^7.0.0, babel-loader@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.2.tgz#f6cbe122710f1aa2af4d881c6d5b54358ca24126"
+  dependencies:
+    find-cache-dir "^1.0.0"
+    loader-utils "^1.0.2"
+    mkdirp "^0.5.1"
+
+babel-messages@7.0.0-beta.0:
+  version "7.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-7.0.0-beta.0.tgz#6df01296e49fc8fbd0637394326a167f36da817b"
+
+babel-messages@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-check-es2015-constants@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz#35157b101426fd2ffd3da3f75c7d1e91835bbf8a"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-dynamic-import-node@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-1.0.2.tgz#adb5bc8f48a89311540395ae9f0cc3ed4b10bb2e"
+  dependencies:
+    babel-plugin-syntax-dynamic-import "^6.18.0"
+    babel-template "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-plugin-istanbul@^4.0.0:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.5.tgz#6760cdd977f411d3e175bb064f2bc327d99b2b6e"
+  dependencies:
+    find-up "^2.1.0"
+    istanbul-lib-instrument "^1.7.5"
+    test-exclude "^4.1.1"
+
+babel-plugin-jest-hoist@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-21.2.0.tgz#2cef637259bd4b628a6cace039de5fcd14dbb006"
+
+babel-plugin-minify-builtins@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-builtins/-/babel-plugin-minify-builtins-0.2.0.tgz#317f824b0907210b6348671bb040ca072e2e0c82"
+  dependencies:
+    babel-helper-evaluate-path "^0.2.0"
+
+babel-plugin-minify-constant-folding@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-constant-folding/-/babel-plugin-minify-constant-folding-0.2.0.tgz#8c70b528b2eb7c13e94d95c8789077d4cdbc3970"
+  dependencies:
+    babel-helper-evaluate-path "^0.2.0"
+
+babel-plugin-minify-dead-code-elimination@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-dead-code-elimination/-/babel-plugin-minify-dead-code-elimination-0.2.0.tgz#e8025ee10a1e5e4f202633a6928ce892c33747e3"
+  dependencies:
+    babel-helper-evaluate-path "^0.2.0"
+    babel-helper-mark-eval-scopes "^0.2.0"
+    babel-helper-remove-or-void "^0.2.0"
+    lodash.some "^4.6.0"
+
+babel-plugin-minify-flip-comparisons@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-flip-comparisons/-/babel-plugin-minify-flip-comparisons-0.2.0.tgz#0c9c8e93155c8f09dedad8118b634c259f709ef5"
+  dependencies:
+    babel-helper-is-void-0 "^0.2.0"
+
+babel-plugin-minify-guarded-expressions@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-guarded-expressions/-/babel-plugin-minify-guarded-expressions-0.2.0.tgz#8a8c950040fce3e258a12e6eb21eab94ad7235ab"
+  dependencies:
+    babel-helper-flip-expressions "^0.2.0"
+
+babel-plugin-minify-infinity@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-infinity/-/babel-plugin-minify-infinity-0.2.0.tgz#30960c615ddbc657c045bb00a1d8eb4af257cf03"
+
+babel-plugin-minify-mangle-names@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-mangle-names/-/babel-plugin-minify-mangle-names-0.2.0.tgz#719892297ff0106a6ec1a4b0fc062f1f8b6a8529"
+  dependencies:
+    babel-helper-mark-eval-scopes "^0.2.0"
+
+babel-plugin-minify-numeric-literals@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-numeric-literals/-/babel-plugin-minify-numeric-literals-0.2.0.tgz#5746e851700167a380c05e93f289a7070459a0d1"
+
+babel-plugin-minify-replace@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-replace/-/babel-plugin-minify-replace-0.2.0.tgz#3c1f06bc4e6d3e301eacb763edc1be611efc39b0"
+
+babel-plugin-minify-simplify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-simplify/-/babel-plugin-minify-simplify-0.2.0.tgz#21ceec4857100c5476d7cef121f351156e5c9bc0"
+  dependencies:
+    babel-helper-flip-expressions "^0.2.0"
+    babel-helper-is-nodes-equiv "^0.0.1"
+    babel-helper-to-multiple-sequence-expressions "^0.2.0"
+
+babel-plugin-minify-type-constructors@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-minify-type-constructors/-/babel-plugin-minify-type-constructors-0.2.0.tgz#7f3b6458be0863cfd59e9985bed6d134aa7a2e17"
+  dependencies:
+    babel-helper-is-void-0 "^0.2.0"
+
+babel-plugin-react-docgen@^1.5.0, babel-plugin-react-docgen@^1.8.0:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-1.8.1.tgz#6e08e057f5dcd46b434e7553e971baa604dae377"
+  dependencies:
+    babel-types "^6.24.1"
+    lodash "4.x.x"
+    react-docgen "^2.15.0"
+
+babel-plugin-syntax-async-functions@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
+
+babel-plugin-syntax-async-generators@^6.5.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz#6bc963ebb16eccbae6b92b596eb7f35c342a8b9a"
+
+babel-plugin-syntax-class-constructor-call@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-constructor-call/-/babel-plugin-syntax-class-constructor-call-6.18.0.tgz#9cb9d39fe43c8600bec8146456ddcbd4e1a76416"
+
+babel-plugin-syntax-class-properties@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz#d7eb23b79a317f8543962c505b827c7d6cac27de"
+
+babel-plugin-syntax-decorators@^6.13.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz#312563b4dbde3cc806cee3e416cceeaddd11ac0b"
+
+babel-plugin-syntax-do-expressions@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-do-expressions/-/babel-plugin-syntax-do-expressions-6.13.0.tgz#5747756139aa26d390d09410b03744ba07e4796d"
+
+babel-plugin-syntax-dynamic-import@6.18.0, babel-plugin-syntax-dynamic-import@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz#8d6a26229c83745a9982a441051572caa179b1da"
+
+babel-plugin-syntax-exponentiation-operator@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz#9ee7e8337290da95288201a6a57f4170317830de"
+
+babel-plugin-syntax-export-extensions@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-export-extensions/-/babel-plugin-syntax-export-extensions-6.13.0.tgz#70a1484f0f9089a4e84ad44bac353c95b9b12721"
+
+babel-plugin-syntax-flow@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz#4c3ab20a2af26aa20cd25995c398c4eb70310c8d"
+
+babel-plugin-syntax-function-bind@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-function-bind/-/babel-plugin-syntax-function-bind-6.13.0.tgz#48c495f177bdf31a981e732f55adc0bdd2601f46"
+
+babel-plugin-syntax-jsx@^6.3.13, babel-plugin-syntax-jsx@^6.8.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
+
+babel-plugin-syntax-object-rest-spread@^6.13.0, babel-plugin-syntax-object-rest-spread@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
+
+babel-plugin-syntax-trailing-function-commas@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz#ba0360937f8d06e40180a43fe0d5616fff532cf3"
+
+babel-plugin-transform-async-generator-functions@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz#f058900145fd3e9907a6ddf28da59f215258a5db"
+  dependencies:
+    babel-helper-remap-async-to-generator "^6.24.1"
+    babel-plugin-syntax-async-generators "^6.5.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-async-to-generator@^6.22.0, babel-plugin-transform-async-to-generator@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz#6536e378aff6cb1d5517ac0e40eb3e9fc8d08761"
+  dependencies:
+    babel-helper-remap-async-to-generator "^6.24.1"
+    babel-plugin-syntax-async-functions "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-class-constructor-call@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-constructor-call/-/babel-plugin-transform-class-constructor-call-6.24.1.tgz#80dc285505ac067dcb8d6c65e2f6f11ab7765ef9"
+  dependencies:
+    babel-plugin-syntax-class-constructor-call "^6.18.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-class-properties@6.24.1, babel-plugin-transform-class-properties@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz#6a79763ea61d33d36f37b611aa9def81a81b46ac"
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-plugin-syntax-class-properties "^6.8.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-decorators@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.24.1.tgz#788013d8f8c6b5222bdf7b344390dfd77569e24d"
+  dependencies:
+    babel-helper-explode-class "^6.24.1"
+    babel-plugin-syntax-decorators "^6.13.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-do-expressions@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-do-expressions/-/babel-plugin-transform-do-expressions-6.22.0.tgz#28ccaf92812d949c2cd1281f690c8fdc468ae9bb"
+  dependencies:
+    babel-plugin-syntax-do-expressions "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-arrow-functions@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz#452692cb711d5f79dc7f85e440ce41b9f244d221"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-block-scoped-functions@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz#bbc51b49f964d70cb8d8e0b94e820246ce3a6141"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-block-scoping@^6.23.0, babel-plugin-transform-es2015-block-scoping@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz#d70f5299c1308d05c12f463813b0a09e73b1895f"
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    lodash "^4.17.4"
+
+babel-plugin-transform-es2015-classes@^6.23.0, babel-plugin-transform-es2015-classes@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz#5a4c58a50c9c9461e564b4b2a3bfabc97a2584db"
+  dependencies:
+    babel-helper-define-map "^6.24.1"
+    babel-helper-function-name "^6.24.1"
+    babel-helper-optimise-call-expression "^6.24.1"
+    babel-helper-replace-supers "^6.24.1"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-computed-properties@^6.22.0, babel-plugin-transform-es2015-computed-properties@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz#6fe2a8d16895d5634f4cd999b6d3480a308159b3"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-destructuring@^6.22.0, babel-plugin-transform-es2015-destructuring@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz#997bb1f1ab967f682d2b0876fe358d60e765c56d"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-duplicate-keys@^6.22.0, babel-plugin-transform-es2015-duplicate-keys@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz#73eb3d310ca969e3ef9ec91c53741a6f1576423e"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-for-of@^6.22.0, babel-plugin-transform-es2015-for-of@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz#f47c95b2b613df1d3ecc2fdb7573623c75248691"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-function-name@^6.22.0, babel-plugin-transform-es2015-function-name@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz#834c89853bc36b1af0f3a4c5dbaa94fd8eacaa8b"
+  dependencies:
+    babel-helper-function-name "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-literals@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz#4f54a02d6cd66cf915280019a31d31925377ca2e"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-modules-amd@^6.22.0, babel-plugin-transform-es2015-modules-amd@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz#3b3e54017239842d6d19c3011c4bd2f00a00d154"
+  dependencies:
+    babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-modules-commonjs@^6.23.0, babel-plugin-transform-es2015-modules-commonjs@^6.24.1:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.0.tgz#0d8394029b7dc6abe1a97ef181e00758dd2e5d8a"
+  dependencies:
+    babel-plugin-transform-strict-mode "^6.24.1"
+    babel-runtime "^6.26.0"
+    babel-template "^6.26.0"
+    babel-types "^6.26.0"
+
+babel-plugin-transform-es2015-modules-systemjs@^6.23.0, babel-plugin-transform-es2015-modules-systemjs@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz#ff89a142b9119a906195f5f106ecf305d9407d23"
+  dependencies:
+    babel-helper-hoist-variables "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-modules-umd@^6.23.0, babel-plugin-transform-es2015-modules-umd@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz#ac997e6285cd18ed6176adb607d602344ad38468"
+  dependencies:
+    babel-plugin-transform-es2015-modules-amd "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+
+babel-plugin-transform-es2015-object-super@^6.22.0, babel-plugin-transform-es2015-object-super@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz#24cef69ae21cb83a7f8603dad021f572eb278f8d"
+  dependencies:
+    babel-helper-replace-supers "^6.24.1"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-parameters@^6.23.0, babel-plugin-transform-es2015-parameters@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz#57ac351ab49caf14a97cd13b09f66fdf0a625f2b"
+  dependencies:
+    babel-helper-call-delegate "^6.24.1"
+    babel-helper-get-function-arity "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-template "^6.24.1"
+    babel-traverse "^6.24.1"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-shorthand-properties@^6.22.0, babel-plugin-transform-es2015-shorthand-properties@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz#24f875d6721c87661bbd99a4622e51f14de38aa0"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-spread@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz#d6d68a99f89aedc4536c81a542e8dd9f1746f8d1"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-sticky-regex@^6.22.0, babel-plugin-transform-es2015-sticky-regex@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz#00c1cdb1aca71112cdf0cf6126c2ed6b457ccdbc"
+  dependencies:
+    babel-helper-regex "^6.24.1"
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-es2015-template-literals@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz#a84b3450f7e9f8f1f6839d6d687da84bb1236d8d"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-typeof-symbol@^6.22.0, babel-plugin-transform-es2015-typeof-symbol@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz#dec09f1cddff94b52ac73d505c84df59dcceb372"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-es2015-unicode-regex@^6.22.0, babel-plugin-transform-es2015-unicode-regex@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz#d38b12f42ea7323f729387f18a7c5ae1faeb35e9"
+  dependencies:
+    babel-helper-regex "^6.24.1"
+    babel-runtime "^6.22.0"
+    regexpu-core "^2.0.0"
+
+babel-plugin-transform-exponentiation-operator@^6.22.0, babel-plugin-transform-exponentiation-operator@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz#2ab0c9c7f3098fa48907772bb813fe41e8de3a0e"
+  dependencies:
+    babel-helper-builder-binary-assignment-operator-visitor "^6.24.1"
+    babel-plugin-syntax-exponentiation-operator "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-export-extensions@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-export-extensions/-/babel-plugin-transform-export-extensions-6.22.0.tgz#53738b47e75e8218589eea946cbbd39109bbe653"
+  dependencies:
+    babel-plugin-syntax-export-extensions "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-flow-strip-types@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-flow-strip-types/-/babel-plugin-transform-flow-strip-types-6.22.0.tgz#84cb672935d43714fdc32bce84568d87441cf7cf"
+  dependencies:
+    babel-plugin-syntax-flow "^6.18.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-function-bind@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-function-bind/-/babel-plugin-transform-function-bind-6.22.0.tgz#c6fb8e96ac296a310b8cf8ea401462407ddf6a97"
+  dependencies:
+    babel-plugin-syntax-function-bind "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-inline-consecutive-adds@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-inline-consecutive-adds/-/babel-plugin-transform-inline-consecutive-adds-0.2.0.tgz#15dae78921057f4004f8eafd79e15ddc5f12f426"
+
+babel-plugin-transform-member-expression-literals@^6.8.5:
+  version "6.8.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-member-expression-literals/-/babel-plugin-transform-member-expression-literals-6.8.5.tgz#e06ae305cf48d819822e93a70d79269f04d89eec"
+
+babel-plugin-transform-merge-sibling-variables@^6.8.6:
+  version "6.8.6"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-merge-sibling-variables/-/babel-plugin-transform-merge-sibling-variables-6.8.6.tgz#6d21efa5ee4981f71657fae716f9594bb2622aef"
+
+babel-plugin-transform-minify-booleans@^6.8.3:
+  version "6.8.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-minify-booleans/-/babel-plugin-transform-minify-booleans-6.8.3.tgz#5906ed776d3718250519abf1bace44b0b613ddf9"
+
+babel-plugin-transform-object-rest-spread@6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.23.0.tgz#875d6bc9be761c58a2ae3feee5dc4895d8c7f921"
+  dependencies:
+    babel-plugin-syntax-object-rest-spread "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-object-rest-spread@^6.22.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz#0f36692d50fef6b7e2d4b3ac1478137a963b7b06"
+  dependencies:
+    babel-plugin-syntax-object-rest-spread "^6.8.0"
+    babel-runtime "^6.26.0"
+
+babel-plugin-transform-property-literals@^6.8.5:
+  version "6.8.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-property-literals/-/babel-plugin-transform-property-literals-6.8.5.tgz#67ed5930b34805443452c8b9690c7ebe1e206c40"
+  dependencies:
+    esutils "^2.0.2"
+
+babel-plugin-transform-react-constant-elements@6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-constant-elements/-/babel-plugin-transform-react-constant-elements-6.23.0.tgz#2f119bf4d2cdd45eb9baaae574053c604f6147dd"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-react-display-name@^6.23.0:
+  version "6.25.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-display-name/-/babel-plugin-transform-react-display-name-6.25.0.tgz#67e2bf1f1e9c93ab08db96792e05392bf2cc28d1"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-react-jsx-self@6.22.0, babel-plugin-transform-react-jsx-self@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-self/-/babel-plugin-transform-react-jsx-self-6.22.0.tgz#df6d80a9da2612a121e6ddd7558bcbecf06e636e"
+  dependencies:
+    babel-plugin-syntax-jsx "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-react-jsx-source@6.22.0, babel-plugin-transform-react-jsx-source@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-source/-/babel-plugin-transform-react-jsx-source-6.22.0.tgz#66ac12153f5cd2d17b3c19268f4bf0197f44ecd6"
+  dependencies:
+    babel-plugin-syntax-jsx "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-react-jsx@6.24.1, babel-plugin-transform-react-jsx@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx/-/babel-plugin-transform-react-jsx-6.24.1.tgz#840a028e7df460dfc3a2d29f0c0d91f6376e66a3"
+  dependencies:
+    babel-helper-builder-react-jsx "^6.24.1"
+    babel-plugin-syntax-jsx "^6.8.0"
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-regenerator@6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.24.1.tgz#b8da305ad43c3c99b4848e4fe4037b770d23c418"
+  dependencies:
+    regenerator-transform "0.9.11"
+
+babel-plugin-transform-regenerator@^6.22.0, babel-plugin-transform-regenerator@^6.24.1, babel-plugin-transform-regenerator@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz#e0703696fbde27f0a3efcacf8b4dca2f7b3a8f2f"
+  dependencies:
+    regenerator-transform "^0.10.0"
+
+babel-plugin-transform-regexp-constructors@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-regexp-constructors/-/babel-plugin-transform-regexp-constructors-0.2.0.tgz#6aa5dd0acc515db4be929bbcec4ed4c946c534a3"
+
+babel-plugin-transform-remove-console@^6.8.5:
+  version "6.8.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-remove-console/-/babel-plugin-transform-remove-console-6.8.5.tgz#fde9d2d3d725530b0fadd8d31078402410386810"
+
+babel-plugin-transform-remove-debugger@^6.8.5:
+  version "6.8.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-remove-debugger/-/babel-plugin-transform-remove-debugger-6.8.5.tgz#809584d412bf918f071fdf41e1fdb15ea89cdcd5"
+
+babel-plugin-transform-remove-undefined@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-remove-undefined/-/babel-plugin-transform-remove-undefined-0.2.0.tgz#94f052062054c707e8d094acefe79416b63452b1"
+  dependencies:
+    babel-helper-evaluate-path "^0.2.0"
+
+babel-plugin-transform-runtime@6.23.0, babel-plugin-transform-runtime@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-runtime/-/babel-plugin-transform-runtime-6.23.0.tgz#88490d446502ea9b8e7efb0fe09ec4d99479b1ee"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-plugin-transform-simplify-comparison-operators@^6.8.5:
+  version "6.8.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-simplify-comparison-operators/-/babel-plugin-transform-simplify-comparison-operators-6.8.5.tgz#a838786baf40cc33a93b95ae09e05591227e43bf"
+
+babel-plugin-transform-strict-mode@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-types "^6.24.1"
+
+babel-plugin-transform-undefined-to-void@^6.8.3:
+  version "6.8.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-undefined-to-void/-/babel-plugin-transform-undefined-to-void-6.8.3.tgz#fc52707f6ee1ddc71bb91b0d314fbefdeef9beb4"
+
+babel-preset-env@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.5.2.tgz#cd4ae90a6e94b709f97374b33e5f8b983556adef"
+  dependencies:
+    babel-plugin-check-es2015-constants "^6.22.0"
+    babel-plugin-syntax-trailing-function-commas "^6.22.0"
+    babel-plugin-transform-async-to-generator "^6.22.0"
+    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoping "^6.23.0"
+    babel-plugin-transform-es2015-classes "^6.23.0"
+    babel-plugin-transform-es2015-computed-properties "^6.22.0"
+    babel-plugin-transform-es2015-destructuring "^6.23.0"
+    babel-plugin-transform-es2015-duplicate-keys "^6.22.0"
+    babel-plugin-transform-es2015-for-of "^6.23.0"
+    babel-plugin-transform-es2015-function-name "^6.22.0"
+    babel-plugin-transform-es2015-literals "^6.22.0"
+    babel-plugin-transform-es2015-modules-amd "^6.22.0"
+    babel-plugin-transform-es2015-modules-commonjs "^6.23.0"
+    babel-plugin-transform-es2015-modules-systemjs "^6.23.0"
+    babel-plugin-transform-es2015-modules-umd "^6.23.0"
+    babel-plugin-transform-es2015-object-super "^6.22.0"
+    babel-plugin-transform-es2015-parameters "^6.23.0"
+    babel-plugin-transform-es2015-shorthand-properties "^6.22.0"
+    babel-plugin-transform-es2015-spread "^6.22.0"
+    babel-plugin-transform-es2015-sticky-regex "^6.22.0"
+    babel-plugin-transform-es2015-template-literals "^6.22.0"
+    babel-plugin-transform-es2015-typeof-symbol "^6.23.0"
+    babel-plugin-transform-es2015-unicode-regex "^6.22.0"
+    babel-plugin-transform-exponentiation-operator "^6.22.0"
+    babel-plugin-transform-regenerator "^6.22.0"
+    browserslist "^2.1.2"
+    invariant "^2.2.2"
+    semver "^5.3.0"
+
+babel-preset-env@^1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.6.1.tgz#a18b564cc9b9afdf4aae57ae3c1b0d99188e6f48"
+  dependencies:
+    babel-plugin-check-es2015-constants "^6.22.0"
+    babel-plugin-syntax-trailing-function-commas "^6.22.0"
+    babel-plugin-transform-async-to-generator "^6.22.0"
+    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoping "^6.23.0"
+    babel-plugin-transform-es2015-classes "^6.23.0"
+    babel-plugin-transform-es2015-computed-properties "^6.22.0"
+    babel-plugin-transform-es2015-destructuring "^6.23.0"
+    babel-plugin-transform-es2015-duplicate-keys "^6.22.0"
+    babel-plugin-transform-es2015-for-of "^6.23.0"
+    babel-plugin-transform-es2015-function-name "^6.22.0"
+    babel-plugin-transform-es2015-literals "^6.22.0"
+    babel-plugin-transform-es2015-modules-amd "^6.22.0"
+    babel-plugin-transform-es2015-modules-commonjs "^6.23.0"
+    babel-plugin-transform-es2015-modules-systemjs "^6.23.0"
+    babel-plugin-transform-es2015-modules-umd "^6.23.0"
+    babel-plugin-transform-es2015-object-super "^6.22.0"
+    babel-plugin-transform-es2015-parameters "^6.23.0"
+    babel-plugin-transform-es2015-shorthand-properties "^6.22.0"
+    babel-plugin-transform-es2015-spread "^6.22.0"
+    babel-plugin-transform-es2015-sticky-regex "^6.22.0"
+    babel-plugin-transform-es2015-template-literals "^6.22.0"
+    babel-plugin-transform-es2015-typeof-symbol "^6.23.0"
+    babel-plugin-transform-es2015-unicode-regex "^6.22.0"
+    babel-plugin-transform-exponentiation-operator "^6.22.0"
+    babel-plugin-transform-regenerator "^6.22.0"
+    browserslist "^2.1.2"
+    invariant "^2.2.2"
+    semver "^5.3.0"
+
+babel-preset-es2015@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939"
+  dependencies:
+    babel-plugin-check-es2015-constants "^6.22.0"
+    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoping "^6.24.1"
+    babel-plugin-transform-es2015-classes "^6.24.1"
+    babel-plugin-transform-es2015-computed-properties "^6.24.1"
+    babel-plugin-transform-es2015-destructuring "^6.22.0"
+    babel-plugin-transform-es2015-duplicate-keys "^6.24.1"
+    babel-plugin-transform-es2015-for-of "^6.22.0"
+    babel-plugin-transform-es2015-function-name "^6.24.1"
+    babel-plugin-transform-es2015-literals "^6.22.0"
+    babel-plugin-transform-es2015-modules-amd "^6.24.1"
+    babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
+    babel-plugin-transform-es2015-modules-systemjs "^6.24.1"
+    babel-plugin-transform-es2015-modules-umd "^6.24.1"
+    babel-plugin-transform-es2015-object-super "^6.24.1"
+    babel-plugin-transform-es2015-parameters "^6.24.1"
+    babel-plugin-transform-es2015-shorthand-properties "^6.24.1"
+    babel-plugin-transform-es2015-spread "^6.22.0"
+    babel-plugin-transform-es2015-sticky-regex "^6.24.1"
+    babel-plugin-transform-es2015-template-literals "^6.22.0"
+    babel-plugin-transform-es2015-typeof-symbol "^6.22.0"
+    babel-plugin-transform-es2015-unicode-regex "^6.24.1"
+    babel-plugin-transform-regenerator "^6.24.1"
+
+babel-preset-es2016@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-es2016/-/babel-preset-es2016-6.24.1.tgz#f900bf93e2ebc0d276df9b8ab59724ebfd959f8b"
+  dependencies:
+    babel-plugin-transform-exponentiation-operator "^6.24.1"
+
+babel-preset-flow@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-flow/-/babel-preset-flow-6.23.0.tgz#e71218887085ae9a24b5be4169affb599816c49d"
+  dependencies:
+    babel-plugin-transform-flow-strip-types "^6.22.0"
+
+babel-preset-jest@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-21.2.0.tgz#ff9d2bce08abd98e8a36d9a8a5189b9173b85638"
+  dependencies:
+    babel-plugin-jest-hoist "^21.2.0"
+    babel-plugin-syntax-object-rest-spread "^6.13.0"
+
+babel-preset-minify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-minify/-/babel-preset-minify-0.2.0.tgz#006566552d9b83834472273f306c0131062a0acc"
+  dependencies:
+    babel-plugin-minify-builtins "^0.2.0"
+    babel-plugin-minify-constant-folding "^0.2.0"
+    babel-plugin-minify-dead-code-elimination "^0.2.0"
+    babel-plugin-minify-flip-comparisons "^0.2.0"
+    babel-plugin-minify-guarded-expressions "^0.2.0"
+    babel-plugin-minify-infinity "^0.2.0"
+    babel-plugin-minify-mangle-names "^0.2.0"
+    babel-plugin-minify-numeric-literals "^0.2.0"
+    babel-plugin-minify-replace "^0.2.0"
+    babel-plugin-minify-simplify "^0.2.0"
+    babel-plugin-minify-type-constructors "^0.2.0"
+    babel-plugin-transform-inline-consecutive-adds "^0.2.0"
+    babel-plugin-transform-member-expression-literals "^6.8.5"
+    babel-plugin-transform-merge-sibling-variables "^6.8.6"
+    babel-plugin-transform-minify-booleans "^6.8.3"
+    babel-plugin-transform-property-literals "^6.8.5"
+    babel-plugin-transform-regexp-constructors "^0.2.0"
+    babel-plugin-transform-remove-console "^6.8.5"
+    babel-plugin-transform-remove-debugger "^6.8.5"
+    babel-plugin-transform-remove-undefined "^0.2.0"
+    babel-plugin-transform-simplify-comparison-operators "^6.8.5"
+    babel-plugin-transform-undefined-to-void "^6.8.3"
+    lodash.isplainobject "^4.0.6"
+
+babel-preset-react-app@^3.0.0, babel-preset-react-app@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-3.0.3.tgz#5716d6a8c7354db0cc2707207ab6ceb3b2e0a825"
+  dependencies:
+    babel-plugin-dynamic-import-node "1.0.2"
+    babel-plugin-syntax-dynamic-import "6.18.0"
+    babel-plugin-transform-class-properties "6.24.1"
+    babel-plugin-transform-object-rest-spread "6.23.0"
+    babel-plugin-transform-react-constant-elements "6.23.0"
+    babel-plugin-transform-react-jsx "6.24.1"
+    babel-plugin-transform-react-jsx-self "6.22.0"
+    babel-plugin-transform-react-jsx-source "6.22.0"
+    babel-plugin-transform-regenerator "6.24.1"
+    babel-plugin-transform-runtime "6.23.0"
+    babel-preset-env "1.5.2"
+    babel-preset-react "6.24.1"
+
+babel-preset-react@6.24.1, babel-preset-react@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-react/-/babel-preset-react-6.24.1.tgz#ba69dfaea45fc3ec639b6a4ecea6e17702c91380"
+  dependencies:
+    babel-plugin-syntax-jsx "^6.3.13"
+    babel-plugin-transform-react-display-name "^6.23.0"
+    babel-plugin-transform-react-jsx "^6.24.1"
+    babel-plugin-transform-react-jsx-self "^6.22.0"
+    babel-plugin-transform-react-jsx-source "^6.22.0"
+    babel-preset-flow "^6.23.0"
+
+babel-preset-stage-0@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-stage-0/-/babel-preset-stage-0-6.24.1.tgz#5642d15042f91384d7e5af8bc88b1db95b039e6a"
+  dependencies:
+    babel-plugin-transform-do-expressions "^6.22.0"
+    babel-plugin-transform-function-bind "^6.22.0"
+    babel-preset-stage-1 "^6.24.1"
+
+babel-preset-stage-1@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-stage-1/-/babel-preset-stage-1-6.24.1.tgz#7692cd7dcd6849907e6ae4a0a85589cfb9e2bfb0"
+  dependencies:
+    babel-plugin-transform-class-constructor-call "^6.24.1"
+    babel-plugin-transform-export-extensions "^6.22.0"
+    babel-preset-stage-2 "^6.24.1"
+
+babel-preset-stage-2@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-stage-2/-/babel-preset-stage-2-6.24.1.tgz#d9e2960fb3d71187f0e64eec62bc07767219bdc1"
+  dependencies:
+    babel-plugin-syntax-dynamic-import "^6.18.0"
+    babel-plugin-transform-class-properties "^6.24.1"
+    babel-plugin-transform-decorators "^6.24.1"
+    babel-preset-stage-3 "^6.24.1"
+
+babel-preset-stage-3@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz#836ada0a9e7a7fa37cb138fb9326f87934a48395"
+  dependencies:
+    babel-plugin-syntax-trailing-function-commas "^6.22.0"
+    babel-plugin-transform-async-generator-functions "^6.24.1"
+    babel-plugin-transform-async-to-generator "^6.24.1"
+    babel-plugin-transform-exponentiation-operator "^6.24.1"
+    babel-plugin-transform-object-rest-spread "^6.22.0"
+
+babel-register@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"
+  dependencies:
+    babel-core "^6.26.0"
+    babel-runtime "^6.26.0"
+    core-js "^2.5.0"
+    home-or-tmp "^2.0.0"
+    lodash "^4.17.4"
+    mkdirp "^0.5.1"
+    source-map-support "^0.4.15"
+
+babel-runtime@6.x.x, babel-runtime@^6.11.6, babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.23.0, babel-runtime@^6.26.0, babel-runtime@^6.5.0, babel-runtime@^6.9.2:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
+  dependencies:
+    core-js "^2.4.0"
+    regenerator-runtime "^0.11.0"
+
+babel-template@7.0.0-beta.0:
+  version "7.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-7.0.0-beta.0.tgz#85083cf9e4395d5e48bf5154d7a8d6991cafecfb"
+  dependencies:
+    babel-traverse "7.0.0-beta.0"
+    babel-types "7.0.0-beta.0"
+    babylon "7.0.0-beta.22"
+    lodash "^4.2.0"
+
+babel-template@^6.16.0, babel-template@^6.24.1, babel-template@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.26.0.tgz#de03e2d16396b069f46dd9fff8521fb1a0e35e02"
+  dependencies:
+    babel-runtime "^6.26.0"
+    babel-traverse "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    lodash "^4.17.4"
+
+babel-traverse@7.0.0-beta.0:
+  version "7.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-7.0.0-beta.0.tgz#da14be9b762f62a2f060db464eaafdd8cd072a41"
+  dependencies:
+    babel-code-frame "7.0.0-beta.0"
+    babel-helper-function-name "7.0.0-beta.0"
+    babel-messages "7.0.0-beta.0"
+    babel-types "7.0.0-beta.0"
+    babylon "7.0.0-beta.22"
+    debug "^3.0.1"
+    globals "^10.0.0"
+    invariant "^2.2.0"
+    lodash "^4.2.0"
+
+babel-traverse@^6.18.0, babel-traverse@^6.24.1, babel-traverse@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.26.0.tgz#46a9cbd7edcc62c8e5c064e2d2d8d0f4035766ee"
+  dependencies:
+    babel-code-frame "^6.26.0"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.26.0"
+    babel-types "^6.26.0"
+    babylon "^6.18.0"
+    debug "^2.6.8"
+    globals "^9.18.0"
+    invariant "^2.2.2"
+    lodash "^4.17.4"
+
+babel-types@7.0.0-beta.0:
+  version "7.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-7.0.0-beta.0.tgz#eb8b6e556470e6dcc4aef982d79ad229469b5169"
+  dependencies:
+    esutils "^2.0.2"
+    lodash "^4.2.0"
+    to-fast-properties "^2.0.0"
+
+babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.24.1, babel-types@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.26.0.tgz#a3b073f94ab49eb6fa55cd65227a334380632497"
+  dependencies:
+    babel-runtime "^6.26.0"
+    esutils "^2.0.2"
+    lodash "^4.17.4"
+    to-fast-properties "^1.0.3"
+
+babylon@7.0.0-beta.22:
+  version "7.0.0-beta.22"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.22.tgz#74f0ad82ed7c7c3cfeab74cf684f815104161b65"
+
+babylon@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
+
+babylon@~5.8.3:
+  version "5.8.38"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-5.8.38.tgz#ec9b120b11bf6ccd4173a18bf217e60b79859ffd"
+
+balanced-match@^0.4.2:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
+
+balanced-match@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
+
+base64-js@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.2.1.tgz#a91947da1f4a516ea38e5b4ec0ec3773675e0886"
+
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz#63bc5dcb61331b92bc05fd528953c33462a06f8d"
+  dependencies:
+    tweetnacl "^0.14.3"
+
+big.js@^3.1.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
+
+binary-extensions@^1.0.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.10.0.tgz#9aeb9a6c5e88638aad171e167f5900abe24835d0"
+
+block-stream@*:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
+  dependencies:
+    inherits "~2.0.0"
+
+bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
+  version "4.11.8"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
+
+body-parser@1.18.2:
+  version "1.18.2"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.18.2.tgz#87678a19d84b47d859b83199bd59bce222b10454"
+  dependencies:
+    bytes "3.0.0"
+    content-type "~1.0.4"
+    debug "2.6.9"
+    depd "~1.1.1"
+    http-errors "~1.6.2"
+    iconv-lite "0.4.19"
+    on-finished "~2.3.0"
+    qs "6.5.1"
+    raw-body "2.3.2"
+    type-is "~1.6.15"
+
+boolbase@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+
+boom@2.x.x:
+  version "2.10.1"
+  resolved "https://registry.yarnpkg.com/boom/-/boom-2.10.1.tgz#39c8918ceff5799f83f9492a848f625add0c766f"
+  dependencies:
+    hoek "2.x.x"
+
+boom@4.x.x:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/boom/-/boom-4.3.1.tgz#4f8a3005cb4a7e3889f749030fd25b96e01d2e31"
+  dependencies:
+    hoek "4.x.x"
+
+boom@5.x.x:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/boom/-/boom-5.2.0.tgz#5dd9da6ee3a5f302077436290cb717d3f4a54e02"
+  dependencies:
+    hoek "4.x.x"
+
+bowser@^1.0.0, bowser@^1.7.3:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/bowser/-/bowser-1.8.1.tgz#49785777e7302febadb1a5b71d9a646520ed310d"
+
+brace-expansion@^1.1.7:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.8.tgz#c07b211c7c952ec1f8efd51a77ef0d1d3990a292"
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+braces@^1.8.2:
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7"
+  dependencies:
+    expand-range "^1.8.1"
+    preserve "^0.2.0"
+    repeat-element "^1.1.2"
+
+brcast@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/brcast/-/brcast-3.0.1.tgz#6256a8349b20de9eed44257a9b24d71493cd48dd"
+
+brorand@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
+
+browser-resolve@^1.11.2:
+  version "1.11.2"
+  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.2.tgz#8ff09b0a2c421718a1051c260b32e48f442938ce"
+  dependencies:
+    resolve "1.1.7"
+
+browserify-aes@^1.0.0, browserify-aes@^1.0.4:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.1.1.tgz#38b7ab55edb806ff2dcda1a7f1620773a477c49f"
+  dependencies:
+    buffer-xor "^1.0.3"
+    cipher-base "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.3"
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+browserify-cipher@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.0.tgz#9988244874bf5ed4e28da95666dcd66ac8fc363a"
+  dependencies:
+    browserify-aes "^1.0.4"
+    browserify-des "^1.0.0"
+    evp_bytestokey "^1.0.0"
+
+browserify-des@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.0.tgz#daa277717470922ed2fe18594118a175439721dd"
+  dependencies:
+    cipher-base "^1.0.1"
+    des.js "^1.0.0"
+    inherits "^2.0.1"
+
+browserify-rsa@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
+  dependencies:
+    bn.js "^4.1.0"
+    randombytes "^2.0.1"
+
+browserify-sign@^4.0.0:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298"
+  dependencies:
+    bn.js "^4.1.1"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    create-hmac "^1.1.2"
+    elliptic "^6.0.0"
+    inherits "^2.0.1"
+    parse-asn1 "^5.0.0"
+
+browserify-zlib@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
+  dependencies:
+    pako "~0.2.0"
+
+browserslist@^1.3.6, browserslist@^1.5.2, browserslist@^1.7.6:
+  version "1.7.7"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.7.7.tgz#0bd76704258be829b2398bb50e4b62d1a166b0b9"
+  dependencies:
+    caniuse-db "^1.0.30000639"
+    electron-to-chromium "^1.2.7"
+
+browserslist@^2.1.2, browserslist@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.5.1.tgz#68e4bc536bbcc6086d62843a2ffccea8396821c6"
+  dependencies:
+    caniuse-lite "^1.0.30000744"
+    electron-to-chromium "^1.3.24"
+
+bser@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.0.0.tgz#9ac78d3ed5d915804fd87acb158bc797147a1719"
+  dependencies:
+    node-int64 "^0.4.0"
+
+buffer-xor@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
+
+buffer@^4.3.0:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
+  dependencies:
+    base64-js "^1.0.2"
+    ieee754 "^1.1.4"
+    isarray "^1.0.0"
+
+builtin-modules@^1.0.0, builtin-modules@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
+
+builtin-status-codes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
+
+bytes@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
+
+caller-path@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-0.1.0.tgz#94085ef63581ecd3daa92444a8fe94e82577751f"
+  dependencies:
+    callsites "^0.2.0"
+
+callsites@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-0.2.0.tgz#afab96262910a7f33c19a5775825c69f34e350ca"
+
+callsites@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
+
+camelcase@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
+
+camelcase@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
+
+camelcase@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
+
+caniuse-api@^1.5.2:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-1.6.1.tgz#b534e7c734c4f81ec5fbe8aca2ad24354b962c6c"
+  dependencies:
+    browserslist "^1.3.6"
+    caniuse-db "^1.0.30000529"
+    lodash.memoize "^4.1.2"
+    lodash.uniq "^4.5.0"
+
+caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639:
+  version "1.0.30000750"
+  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000750.tgz#3f1f85c92c9134edda735695e369d7e176752b75"
+
+caniuse-lite@^1.0.30000744, caniuse-lite@^1.0.30000748:
+  version "1.0.30000750"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000750.tgz#38ad19aa4c6d88da38e8900d3666b4e3bbb65c22"
+
+case-sensitive-paths-webpack-plugin@^2.0.0, case-sensitive-paths-webpack-plugin@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.1.1.tgz#3d29ced8c1f124bf6f53846fb3f5894731fdc909"
+
+caseless@~0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
+
+center-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
+  dependencies:
+    align-text "^0.1.3"
+    lazy-cache "^1.0.3"
+
+chain-function@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/chain-function/-/chain-function-1.0.0.tgz#0d4ab37e7e18ead0bdc47b920764118ce58733dc"
+
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
+chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.3.0.tgz#b5ea48efc9c1793dccc9b4767c93914d3f2d52ba"
+  dependencies:
+    ansi-styles "^3.1.0"
+    escape-string-regexp "^1.0.5"
+    supports-color "^4.0.0"
+
+cheerio@^1.0.0-rc.2:
+  version "1.0.0-rc.2"
+  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.2.tgz#4b9f53a81b27e4d5dac31c0ffd0cfa03cc6830db"
+  dependencies:
+    css-select "~1.2.0"
+    dom-serializer "~0.1.0"
+    entities "~1.1.1"
+    htmlparser2 "^3.9.1"
+    lodash "^4.15.0"
+    parse5 "^3.0.1"
+
+chokidar@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
+  dependencies:
+    anymatch "^1.3.0"
+    async-each "^1.0.0"
+    glob-parent "^2.0.0"
+    inherits "^2.0.1"
+    is-binary-path "^1.0.0"
+    is-glob "^2.0.0"
+    path-is-absolute "^1.0.0"
+    readdirp "^2.0.0"
+  optionalDependencies:
+    fsevents "^1.0.0"
+
+ci-info@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.1.1.tgz#47b44df118c48d2597b56d342e7e25791060171a"
+
+cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+circular-json@^0.3.1:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/circular-json/-/circular-json-0.3.3.tgz#815c99ea84f6809529d2f45791bdf82711352d66"
+
+clap@^1.0.9:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/clap/-/clap-1.2.3.tgz#4f36745b32008492557f46412d66d50cb99bce51"
+  dependencies:
+    chalk "^1.1.3"
+
+classnames@^2.2.5:
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.5.tgz#fb3801d453467649ef3603c7d61a02bd129bde6d"
+
+cli-cursor@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
+  dependencies:
+    restore-cursor "^2.0.0"
+
+cli-width@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
+
+cliui@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
+  dependencies:
+    center-align "^0.1.1"
+    right-align "^0.1.1"
+    wordwrap "0.0.2"
+
+cliui@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wrap-ansi "^2.0.0"
+
+clone@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.2.tgz#260b7a99ebb1edfe247538175f783243cb19d149"
+
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+
+coa@~1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/coa/-/coa-1.0.4.tgz#a9ef153660d6a86a8bdec0289a5c684d217432fd"
+  dependencies:
+    q "^1.1.2"
+
+code-point-at@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
+
+color-convert@^1.3.0, color-convert@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.0.tgz#1accf97dd739b983bf994d56fec8f95853641b7a"
+  dependencies:
+    color-name "^1.1.1"
+
+color-name@^1.0.0, color-name@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+
+color-string@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-0.3.0.tgz#27d46fb67025c5c2fa25993bfbf579e47841b991"
+  dependencies:
+    color-name "^1.0.0"
+
+color@^0.11.0:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/color/-/color-0.11.4.tgz#6d7b5c74fb65e841cd48792ad1ed5e07b904d764"
+  dependencies:
+    clone "^1.0.2"
+    color-convert "^1.3.0"
+    color-string "^0.3.0"
+
+colormin@^1.0.5:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/colormin/-/colormin-1.1.2.tgz#ea2f7420a72b96881a38aae59ec124a6f7298133"
+  dependencies:
+    color "^0.11.0"
+    css-color-names "0.0.4"
+    has "^1.0.1"
+
+colors@0.5.x:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-0.5.1.tgz#7d0023eaeb154e8ee9fce75dcb923d0ed1667774"
+
+colors@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63"
+
+combined-stream@^1.0.5, combined-stream@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.5.tgz#938370a57b4a51dea2c77c15d5c5fdf895164009"
+  dependencies:
+    delayed-stream "~1.0.0"
+
+commander@^2.11.0, commander@^2.9.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.11.0.tgz#157152fd1e7a6c8d98a5b715cf376df928004563"
+
+common-tags@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.4.0.tgz#1187be4f3d4cf0c0427d43f74eef1f73501614c0"
+  dependencies:
+    babel-runtime "^6.18.0"
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+
+concat-stream@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.0.tgz#0aac662fd52be78964d5532f694784e70110acf7"
+  dependencies:
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
+configstore@^3.1.0, configstore@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.1.tgz#094ee662ab83fad9917678de114faaea8fcdca90"
+  dependencies:
+    dot-prop "^4.1.0"
+    graceful-fs "^4.1.2"
+    make-dir "^1.0.0"
+    unique-string "^1.0.0"
+    write-file-atomic "^2.0.0"
+    xdg-basedir "^3.0.0"
+
+console-browserify@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
+  dependencies:
+    date-now "^0.1.4"
+
+console-control-strings@^1.0.0, console-control-strings@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+
+constants-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
+
+contains-path@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
+
+content-disposition@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.2.tgz#0cf68bb9ddf5f2be7961c3a85178cb85dba78cb4"
+
+content-type-parser@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/content-type-parser/-/content-type-parser-1.0.2.tgz#caabe80623e63638b2502fd4c7f12ff4ce2352e7"
+
+content-type@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
+
+convert-source-map@^1.4.0, convert-source-map@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.5.0.tgz#9acd70851c6d5dfdd93d9282e5edf94a03ff46b5"
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+
+cookie@0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.3.1.tgz#e7e0a1f9ef43b4c8ba925c5c5a96e806d16873bb"
+
+core-js@^1.0.0:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
+
+core-js@^2.4.0, core-js@^2.4.1, core-js@^2.5.0, core-js@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.1.tgz#ae6874dc66937789b80754ff5428df66819ca50b"
+
+core-util-is@1.0.2, core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+
+cosmiconfig@^2.1.0, cosmiconfig@^2.1.1:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-2.2.2.tgz#6173cebd56fac042c1f4390edf7af6c07c7cb892"
+  dependencies:
+    is-directory "^0.3.1"
+    js-yaml "^3.4.3"
+    minimist "^1.2.0"
+    object-assign "^4.1.0"
+    os-homedir "^1.0.1"
+    parse-json "^2.2.0"
+    require-from-string "^1.1.0"
+
+create-ecdh@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.0.tgz#888c723596cdf7612f6498233eebd7a35301737d"
+  dependencies:
+    bn.js "^4.1.0"
+    elliptic "^6.0.0"
+
+create-hash@^1.1.0, create-hash@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.1.3.tgz#606042ac8b9262750f483caddab0f5819172d8fd"
+  dependencies:
+    cipher-base "^1.0.1"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    sha.js "^2.4.0"
+
+create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.6.tgz#acb9e221a4e17bdb076e90657c42b93e3726cf06"
+  dependencies:
+    cipher-base "^1.0.3"
+    create-hash "^1.1.0"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+create-react-class@^15.5.2:
+  version "15.6.2"
+  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.2.tgz#cf1ed15f12aad7f14ef5f2dfe05e6c42f91ef02a"
+  dependencies:
+    fbjs "^0.8.9"
+    loose-envify "^1.3.1"
+    object-assign "^4.1.1"
+
+cross-spawn@^5.0.1, cross-spawn@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
+  dependencies:
+    lru-cache "^4.0.1"
+    shebang-command "^1.2.0"
+    which "^1.2.9"
+
+cryptiles@2.x.x:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8"
+  dependencies:
+    boom "2.x.x"
+
+cryptiles@3.x.x:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-3.1.2.tgz#a89fbb220f5ce25ec56e8c4aa8a4fd7b5b0d29fe"
+  dependencies:
+    boom "5.x.x"
+
+crypto-browserify@^3.11.0:
+  version "3.11.1"
+  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.11.1.tgz#948945efc6757a400d6e5e5af47194d10064279f"
+  dependencies:
+    browserify-cipher "^1.0.0"
+    browserify-sign "^4.0.0"
+    create-ecdh "^4.0.0"
+    create-hash "^1.1.0"
+    create-hmac "^1.1.0"
+    diffie-hellman "^5.0.0"
+    inherits "^2.0.1"
+    pbkdf2 "^3.0.3"
+    public-encrypt "^4.0.0"
+    randombytes "^2.0.0"
+
+crypto-random-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
+
+css-color-names@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
+
+css-in-js-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/css-in-js-utils/-/css-in-js-utils-2.0.0.tgz#5af1dd70f4b06b331f48d22a3d86e0786c0b9435"
+  dependencies:
+    hyphenate-style-name "^1.0.2"
+
+css-loader@^0.28.1, css-loader@^0.28.7:
+  version "0.28.7"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.7.tgz#5f2ee989dd32edd907717f953317656160999c1b"
+  dependencies:
+    babel-code-frame "^6.11.0"
+    css-selector-tokenizer "^0.7.0"
+    cssnano ">=2.6.1 <4"
+    icss-utils "^2.1.0"
+    loader-utils "^1.0.2"
+    lodash.camelcase "^4.3.0"
+    object-assign "^4.0.1"
+    postcss "^5.0.6"
+    postcss-modules-extract-imports "^1.0.0"
+    postcss-modules-local-by-default "^1.0.1"
+    postcss-modules-scope "^1.0.0"
+    postcss-modules-values "^1.1.0"
+    postcss-value-parser "^3.3.0"
+    source-list-map "^2.0.0"
+
+css-select@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
+  dependencies:
+    boolbase "~1.0.0"
+    css-what "2.1"
+    domutils "1.5.1"
+    nth-check "~1.0.1"
+
+css-selector-tokenizer@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.0.tgz#e6988474ae8c953477bf5e7efecfceccd9cf4c86"
+  dependencies:
+    cssesc "^0.1.0"
+    fastparse "^1.1.1"
+    regexpu-core "^1.0.0"
+
+css-what@2.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd"
+
+cssesc@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-0.1.0.tgz#c814903e45623371a0477b40109aaafbeeaddbb4"
+
+"cssnano@>=2.6.1 <4":
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-3.10.0.tgz#4f38f6cea2b9b17fa01490f23f1dc68ea65c1c38"
+  dependencies:
+    autoprefixer "^6.3.1"
+    decamelize "^1.1.2"
+    defined "^1.0.0"
+    has "^1.0.1"
+    object-assign "^4.0.1"
+    postcss "^5.0.14"
+    postcss-calc "^5.2.0"
+    postcss-colormin "^2.1.8"
+    postcss-convert-values "^2.3.4"
+    postcss-discard-comments "^2.0.4"
+    postcss-discard-duplicates "^2.0.1"
+    postcss-discard-empty "^2.0.1"
+    postcss-discard-overridden "^0.1.1"
+    postcss-discard-unused "^2.2.1"
+    postcss-filter-plugins "^2.0.0"
+    postcss-merge-idents "^2.1.5"
+    postcss-merge-longhand "^2.0.1"
+    postcss-merge-rules "^2.0.3"
+    postcss-minify-font-values "^1.0.2"
+    postcss-minify-gradients "^1.0.1"
+    postcss-minify-params "^1.0.4"
+    postcss-minify-selectors "^2.0.4"
+    postcss-normalize-charset "^1.1.0"
+    postcss-normalize-url "^3.0.7"
+    postcss-ordered-values "^2.1.0"
+    postcss-reduce-idents "^2.2.2"
+    postcss-reduce-initial "^1.0.0"
+    postcss-reduce-transforms "^1.0.3"
+    postcss-svgo "^2.1.1"
+    postcss-unique-selectors "^2.0.2"
+    postcss-value-parser "^3.2.3"
+    postcss-zindex "^2.0.1"
+
+csso@~2.3.1:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-2.3.2.tgz#ddd52c587033f49e94b71fc55569f252e8ff5f85"
+  dependencies:
+    clap "^1.0.9"
+    source-map "^0.5.3"
+
+cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.2.tgz#b8036170c79f07a90ff2f16e22284027a243848b"
+
+"cssstyle@>= 0.2.37 < 0.3.0":
+  version "0.2.37"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-0.2.37.tgz#541097234cb2513c83ceed3acddc27ff27987d54"
+  dependencies:
+    cssom "0.3.x"
+
+d@1:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/d/-/d-1.0.0.tgz#754bb5bfe55451da69a58b94d45f4c5b0462d58f"
+  dependencies:
+    es5-ext "^0.10.9"
+
+damerau-levenshtein@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.4.tgz#03191c432cb6eea168bb77f3a55ffdccb8978514"
+
+dashdash@^1.12.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
+  dependencies:
+    assert-plus "^1.0.0"
+
+date-now@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
+
+debug@2.6.9, debug@^2.2.0, debug@^2.6.8:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  dependencies:
+    ms "2.0.0"
+
+debug@^3.0.1, debug@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
+  dependencies:
+    ms "2.0.0"
+
+decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+
+deep-equal@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
+
+deep-extend@~0.4.0:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.4.2.tgz#48b699c27e334bf89f10892be432f6e4c7d34a7f"
+
+deep-is@~0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
+
+default-require-extensions@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-1.0.0.tgz#f37ea15d3e13ffd9b437d33e1a75b5fb97874cb8"
+  dependencies:
+    strip-bom "^2.0.0"
+
+define-properties@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.2.tgz#83a73f2fea569898fb737193c8f873caf6d45c94"
+  dependencies:
+    foreach "^2.0.5"
+    object-keys "^1.0.8"
+
+defined@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
+
+del@^2.0.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/del/-/del-2.2.2.tgz#c12c981d067846c84bcaf862cff930d907ffd1a8"
+  dependencies:
+    globby "^5.0.0"
+    is-path-cwd "^1.0.0"
+    is-path-in-cwd "^1.0.0"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+    rimraf "^2.2.8"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+
+depd@1.1.1, depd@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.1.tgz#5783b4e1c459f06fa5ca27f991f3d06e7a310359"
+
+des.js@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.0.tgz#c074d2e2aa6a8a9a07dbd61f9a15c2cd83ec8ecc"
+  dependencies:
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+destroy@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
+
+detect-indent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-4.0.0.tgz#f76d064352cdf43a1cb6ce619c4ee3a9475de208"
+  dependencies:
+    repeating "^2.0.0"
+
+diff@^3.2.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-3.4.0.tgz#b1d85507daf3964828de54b37d0d73ba67dda56c"
+
+diffie-hellman@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.2.tgz#b5835739270cfe26acf632099fded2a07f209e5e"
+  dependencies:
+    bn.js "^4.1.0"
+    miller-rabin "^4.0.0"
+    randombytes "^2.0.0"
+
+discontinuous-range@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a"
+
+doctrine@1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
+  dependencies:
+    esutils "^2.0.2"
+    isarray "^1.0.0"
+
+doctrine@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.0.0.tgz#c73d8d2909d22291e1a007a395804da8b665fe63"
+  dependencies:
+    esutils "^2.0.2"
+    isarray "^1.0.0"
+
+dom-helpers@^3.2.0:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-3.2.1.tgz#3203e07fed217bd1f424b019735582fc37b2825a"
+
+dom-scroll-into-view@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dom-scroll-into-view/-/dom-scroll-into-view-1.0.1.tgz#32abb92f0d8feca6215162aef43e4b449ab8d99c"
+
+dom-serializer@0, dom-serializer@~0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.0.tgz#073c697546ce0780ce23be4a28e293e40bc30c82"
+  dependencies:
+    domelementtype "~1.1.1"
+    entities "~1.1.1"
+
+dom-walk@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.1.tgz#672226dc74c8f799ad35307df936aba11acd6018"
+
+domain-browser@^1.1.1:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.1.7.tgz#867aa4b093faa05f1de08c06f4d7b21fdf8698bc"
+
+domelementtype@1, domelementtype@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.0.tgz#b17aed82e8ab59e52dd9c19b1756e0fc187204c2"
+
+domelementtype@~1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.1.3.tgz#bd28773e2642881aec51544924299c5cd822185b"
+
+domhandler@^2.3.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.1.tgz#892e47000a99be55bbf3774ffea0561d8879c259"
+  dependencies:
+    domelementtype "1"
+
+domutils@1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
+  dependencies:
+    dom-serializer "0"
+    domelementtype "1"
+
+domutils@^1.5.1:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.6.2.tgz#1958cc0b4c9426e9ed367fb1c8e854891b0fa3ff"
+  dependencies:
+    dom-serializer "0"
+    domelementtype "1"
+
+dot-prop@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
+  dependencies:
+    is-obj "^1.0.0"
+
+ecc-jsbn@~0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"
+  dependencies:
+    jsbn "~0.1.0"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+
+electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.24:
+  version "1.3.27"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.27.tgz#78ecb8a399066187bb374eede35d9c70565a803d"
+
+element-class@^0.2.0:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/element-class/-/element-class-0.2.2.tgz#9d3bbd0767f9013ef8e1c8ebe722c1402a60050e"
+
+elliptic@^6.0.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.0.tgz#cac9af8762c85836187003c8dfe193e5e2eae5df"
+  dependencies:
+    bn.js "^4.4.0"
+    brorand "^1.0.1"
+    hash.js "^1.0.0"
+    hmac-drbg "^1.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.0"
+
+emoji-regex@^6.1.0:
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.5.1.tgz#9baea929b155565c11ea41c6626eaa65cef992c2"
+
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+
+encodeurl@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.1.tgz#79e3d58655346909fe6f0f45a5de68103b294d20"
+
+encoding@^0.1.11:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
+  dependencies:
+    iconv-lite "~0.4.13"
+
+enhanced-resolve@^3.3.0, enhanced-resolve@^3.4.0:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz#0421e339fd71419b3da13d129b3979040230476e"
+  dependencies:
+    graceful-fs "^4.1.2"
+    memory-fs "^0.4.0"
+    object-assign "^4.0.1"
+    tapable "^0.2.7"
+
+entities@^1.1.1, entities@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.1.tgz#6e5c2d0a5621b5dadaecef80b90edfb5cd7772f0"
+
+enzyme-adapter-react-16@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.0.2.tgz#8c6f431f17c69e1e9eeb25ca4bd92f31971eb2dd"
+  dependencies:
+    enzyme-adapter-utils "^1.0.0"
+    lodash "^4.17.4"
+    object.assign "^4.0.4"
+    object.values "^1.0.4"
+    prop-types "^15.5.10"
+    react-test-renderer "^16.0.0-0"
+
+enzyme-adapter-utils@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/enzyme-adapter-utils/-/enzyme-adapter-utils-1.0.1.tgz#fcd81223339a55a312f7552641e045c404084009"
+  dependencies:
+    lodash "^4.17.4"
+    object.assign "^4.0.4"
+    prop-types "^15.5.10"
+
+enzyme@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/enzyme/-/enzyme-3.1.0.tgz#d8ca84085790fbcec6ed40badd14478faee4c25a"
+  dependencies:
+    cheerio "^1.0.0-rc.2"
+    function.prototype.name "^1.0.3"
+    is-subset "^0.1.1"
+    lodash "^4.17.4"
+    object-is "^1.0.1"
+    object.assign "^4.0.4"
+    object.entries "^1.0.4"
+    object.values "^1.0.4"
+    raf "^3.3.2"
+    rst-selector-parser "^2.2.2"
+
+errno@^0.1.3, errno@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.4.tgz#b896e23a9e5e8ba33871fc996abd3635fc9a1c7d"
+  dependencies:
+    prr "~0.0.0"
+
+error-ex@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.1.tgz#f855a86ce61adc4e8621c3cda21e7a7612c3a8dc"
+  dependencies:
+    is-arrayish "^0.2.1"
+
+es-abstract@^1.4.3, es-abstract@^1.5.1, es-abstract@^1.6.1, es-abstract@^1.7.0, es-abstract@^1.8.2:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.9.0.tgz#690829a07cae36b222e7fd9b75c0d0573eb25227"
+  dependencies:
+    es-to-primitive "^1.1.1"
+    function-bind "^1.1.1"
+    has "^1.0.1"
+    is-callable "^1.1.3"
+    is-regex "^1.0.4"
+
+es-to-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.1.1.tgz#45355248a88979034b6792e19bb81f2b7975dd0d"
+  dependencies:
+    is-callable "^1.1.1"
+    is-date-object "^1.0.1"
+    is-symbol "^1.0.1"
+
+es5-ext@^0.10.14, es5-ext@^0.10.35, es5-ext@^0.10.9, es5-ext@~0.10.14:
+  version "0.10.35"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.35.tgz#18ee858ce6a3c45c7d79e91c15fcca9ec568494f"
+  dependencies:
+    es6-iterator "~2.0.1"
+    es6-symbol "~3.1.1"
+
+es5-shim@^4.5.9:
+  version "4.5.9"
+  resolved "https://registry.yarnpkg.com/es5-shim/-/es5-shim-4.5.9.tgz#2a1e2b9e583ff5fed0c20a3ee2cbf3f75230a5c0"
+
+es6-iterator@^2.0.1, es6-iterator@~2.0.1:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
+  dependencies:
+    d "1"
+    es5-ext "^0.10.35"
+    es6-symbol "^3.1.1"
+
+es6-map@^0.1.3:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.5.tgz#9136e0503dcc06a301690f0bb14ff4e364e949f0"
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+    es6-iterator "~2.0.1"
+    es6-set "~0.1.5"
+    es6-symbol "~3.1.1"
+    event-emitter "~0.3.5"
+
+es6-set@~0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+    es6-iterator "~2.0.1"
+    es6-symbol "3.1.1"
+    event-emitter "~0.3.5"
+
+es6-shim@^0.35.3:
+  version "0.35.3"
+  resolved "https://registry.yarnpkg.com/es6-shim/-/es6-shim-0.35.3.tgz#9bfb7363feffff87a6cdb6cd93e405ec3c4b6f26"
+
+es6-symbol@3.1.1, es6-symbol@^3.1.1, es6-symbol@~3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77"
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+
+es6-weak-map@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/es6-weak-map/-/es6-weak-map-2.0.2.tgz#5e3ab32251ffd1538a1f8e5ffa1357772f92d96f"
+  dependencies:
+    d "1"
+    es5-ext "^0.10.14"
+    es6-iterator "^2.0.1"
+    es6-symbol "^3.1.1"
+
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+
+escodegen@^1.6.1:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.9.0.tgz#9811a2f265dc1cd3894420ee3717064b632b8852"
+  dependencies:
+    esprima "^3.1.3"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.5.6"
+
+escope@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/escope/-/escope-3.6.0.tgz#e01975e812781a163a6dadfdd80398dc64c889c3"
+  dependencies:
+    es6-map "^0.1.3"
+    es6-weak-map "^2.0.1"
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
+eslint-config-airbnb-base@^12.1.0:
+  version "12.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-12.1.0.tgz#386441e54a12ccd957b0a92564a4bafebd747944"
+  dependencies:
+    eslint-restricted-globals "^0.1.1"
+
+eslint-config-airbnb@16.1.0:
+  version "16.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb/-/eslint-config-airbnb-16.1.0.tgz#2546bfb02cc9fe92284bf1723ccf2e87bc45ca46"
+  dependencies:
+    eslint-config-airbnb-base "^12.1.0"
+
+eslint-import-resolver-node@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.1.tgz#4422574cde66a9a7b099938ee4d508a199e0e3cc"
+  dependencies:
+    debug "^2.6.8"
+    resolve "^1.2.0"
+
+eslint-module-utils@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.1.1.tgz#abaec824177613b8a95b299639e1b6facf473449"
+  dependencies:
+    debug "^2.6.8"
+    pkg-dir "^1.0.0"
+
+eslint-plugin-import@2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.8.0.tgz#fa1b6ef31fcb3c501c09859c1b86f1fc5b986894"
+  dependencies:
+    builtin-modules "^1.1.1"
+    contains-path "^0.1.0"
+    debug "^2.6.8"
+    doctrine "1.5.0"
+    eslint-import-resolver-node "^0.3.1"
+    eslint-module-utils "^2.1.1"
+    has "^1.0.1"
+    lodash.cond "^4.3.0"
+    minimatch "^3.0.3"
+    read-pkg-up "^2.0.0"
+
+eslint-plugin-jsx-a11y@6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.0.2.tgz#659277a758b036c305a7e4a13057c301cd3be73f"
+  dependencies:
+    aria-query "^0.7.0"
+    array-includes "^3.0.3"
+    ast-types-flow "0.0.7"
+    axobject-query "^0.1.0"
+    damerau-levenshtein "^1.0.0"
+    emoji-regex "^6.1.0"
+    jsx-ast-utils "^1.4.0"
+
+eslint-plugin-react@7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.4.0.tgz#300a95861b9729c087d362dd64abcc351a74364a"
+  dependencies:
+    doctrine "^2.0.0"
+    has "^1.0.1"
+    jsx-ast-utils "^2.0.0"
+    prop-types "^15.5.10"
+
+eslint-restricted-globals@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-restricted-globals/-/eslint-restricted-globals-0.1.1.tgz#35f0d5cbc64c2e3ed62e93b4b1a7af05ba7ed4d7"
+
+eslint-scope@^3.7.1:
+  version "3.7.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-3.7.1.tgz#3d63c3edfda02e06e01a452ad88caacc7cdcb6e8"
+  dependencies:
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
+eslint@4.9.0:
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.9.0.tgz#76879d274068261b191fe0f2f56c74c2f4208e8b"
+  dependencies:
+    ajv "^5.2.0"
+    babel-code-frame "^6.22.0"
+    chalk "^2.1.0"
+    concat-stream "^1.6.0"
+    cross-spawn "^5.1.0"
+    debug "^3.0.1"
+    doctrine "^2.0.0"
+    eslint-scope "^3.7.1"
+    espree "^3.5.1"
+    esquery "^1.0.0"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    file-entry-cache "^2.0.0"
+    functional-red-black-tree "^1.0.1"
+    glob "^7.1.2"
+    globals "^9.17.0"
+    ignore "^3.3.3"
+    imurmurhash "^0.1.4"
+    inquirer "^3.0.6"
+    is-resolvable "^1.0.0"
+    js-yaml "^3.9.1"
+    json-stable-stringify "^1.0.1"
+    levn "^0.3.0"
+    lodash "^4.17.4"
+    minimatch "^3.0.2"
+    mkdirp "^0.5.1"
+    natural-compare "^1.4.0"
+    optionator "^0.8.2"
+    path-is-inside "^1.0.2"
+    pluralize "^7.0.0"
+    progress "^2.0.0"
+    require-uncached "^1.0.3"
+    semver "^5.3.0"
+    strip-ansi "^4.0.0"
+    strip-json-comments "~2.0.1"
+    table "^4.0.1"
+    text-table "~0.2.0"
+
+espree@^3.5.1:
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.1.tgz#0c988b8ab46db53100a1954ae4ba995ddd27d87e"
+  dependencies:
+    acorn "^5.1.1"
+    acorn-jsx "^3.0.0"
+
+esprima@^2.6.0:
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
+
+esprima@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
+
+esprima@^4.0.0, esprima@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.0.tgz#4499eddcd1110e0b218bacf2fa7f7f59f55ca804"
+
+esquery@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.0.tgz#cfba8b57d7fba93f17298a8a006a04cda13d80fa"
+  dependencies:
+    estraverse "^4.0.0"
+
+esrecurse@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.0.tgz#fa9568d98d3823f9a41d91e902dcab9ea6e5b163"
+  dependencies:
+    estraverse "^4.1.0"
+    object-assign "^4.0.1"
+
+estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
+
+esutils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+
+event-emitter@~0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+
+events@^1.0.0, events@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
+
+evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
+  dependencies:
+    md5.js "^1.3.4"
+    safe-buffer "^5.1.1"
+
+exec-sh@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.2.1.tgz#163b98a6e89e6b65b47c2a28d215bc1f63989c38"
+  dependencies:
+    merge "^1.1.3"
+
+execa@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
+  dependencies:
+    cross-spawn "^5.0.1"
+    get-stream "^3.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
+exenv@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.0.tgz#3835f127abf075bfe082d0aed4484057c78e3c89"
+
+exenv@^1.2.0, exenv@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
+
+expand-brackets@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
+  dependencies:
+    is-posix-bracket "^0.1.0"
+
+expand-range@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
+  dependencies:
+    fill-range "^2.1.0"
+
+expect@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-21.2.1.tgz#003ac2ac7005c3c29e73b38a272d4afadd6d1d7b"
+  dependencies:
+    ansi-styles "^3.2.0"
+    jest-diff "^21.2.1"
+    jest-get-type "^21.2.0"
+    jest-matcher-utils "^21.2.1"
+    jest-message-util "^21.2.1"
+    jest-regex-util "^21.2.0"
+
+express@^4.15.3, express@^4.16.2:
+  version "4.16.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.16.2.tgz#e35c6dfe2d64b7dca0a5cd4f21781be3299e076c"
+  dependencies:
+    accepts "~1.3.4"
+    array-flatten "1.1.1"
+    body-parser "1.18.2"
+    content-disposition "0.5.2"
+    content-type "~1.0.4"
+    cookie "0.3.1"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "~1.1.1"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.1.0"
+    fresh "0.5.2"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "~2.3.0"
+    parseurl "~1.3.2"
+    path-to-regexp "0.1.7"
+    proxy-addr "~2.0.2"
+    qs "6.5.1"
+    range-parser "~1.2.0"
+    safe-buffer "5.1.1"
+    send "0.16.1"
+    serve-static "1.13.1"
+    setprototypeof "1.1.0"
+    statuses "~1.3.1"
+    type-is "~1.6.15"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+extend@~3.0.0, extend@~3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444"
+
+external-editor@^2.0.4:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.0.5.tgz#52c249a3981b9ba187c7cacf5beb50bf1d91a6bc"
+  dependencies:
+    iconv-lite "^0.4.17"
+    jschardet "^1.4.2"
+    tmp "^0.0.33"
+
+extglob@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
+  dependencies:
+    is-extglob "^1.0.0"
+
+extsprintf@1.3.0, extsprintf@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
+
+fast-deep-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.0.0.tgz#96256a3bc975595eb36d82e9929d060d893439ff"
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2"
+
+fast-levenshtein@~2.0.4:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+
+fast-memoize@^2.2.7:
+  version "2.2.8"
+  resolved "https://registry.yarnpkg.com/fast-memoize/-/fast-memoize-2.2.8.tgz#d7f899f31d037b12d9db4281912f9018575720b1"
+
+fastparse@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.1.tgz#d1e2643b38a94d7583b479060e6c4affc94071f8"
+
+fb-watchman@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.0.tgz#54e9abf7dfa2f26cd9b1636c588c1afc05de5d58"
+  dependencies:
+    bser "^2.0.0"
+
+fbjs@^0.8.12, fbjs@^0.8.16, fbjs@^0.8.9:
+  version "0.8.16"
+  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.16.tgz#5e67432f550dc41b572bf55847b8aca64e5337db"
+  dependencies:
+    core-js "^1.0.0"
+    isomorphic-fetch "^2.1.1"
+    loose-envify "^1.0.0"
+    object-assign "^4.1.0"
+    promise "^7.1.1"
+    setimmediate "^1.0.5"
+    ua-parser-js "^0.7.9"
+
+figures@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
+  dependencies:
+    escape-string-regexp "^1.0.5"
+
+file-entry-cache@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-2.0.0.tgz#c392990c3e684783d838b8c84a45d8a048458361"
+  dependencies:
+    flat-cache "^1.2.1"
+    object-assign "^4.0.1"
+
+file-loader@^0.11.1, file-loader@^0.11.2:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-0.11.2.tgz#4ff1df28af38719a6098093b88c82c71d1794a34"
+  dependencies:
+    loader-utils "^1.0.2"
+
+filename-regex@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
+
+fileset@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/fileset/-/fileset-2.0.3.tgz#8e7548a96d3cc2327ee5e674168723a333bba2a0"
+  dependencies:
+    glob "^7.0.3"
+    minimatch "^3.0.3"
+
+fill-range@^2.1.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.3.tgz#50b77dfd7e469bc7492470963699fe7a8485a723"
+  dependencies:
+    is-number "^2.1.0"
+    isobject "^2.0.0"
+    randomatic "^1.1.3"
+    repeat-element "^1.1.2"
+    repeat-string "^1.5.2"
+
+finalhandler@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.0.tgz#ce0b6855b45853e791b2fcc680046d88253dd7f5"
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    on-finished "~2.3.0"
+    parseurl "~1.3.2"
+    statuses "~1.3.1"
+    unpipe "~1.0.0"
+
+find-cache-dir@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-1.0.0.tgz#9288e3e9e3cc3748717d39eade17cf71fc30ee6f"
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^1.0.0"
+    pkg-dir "^2.0.0"
+
+find-up@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
+  dependencies:
+    path-exists "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+find-up@^2.0.0, find-up@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
+  dependencies:
+    locate-path "^2.0.0"
+
+flat-cache@^1.2.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-1.3.0.tgz#d3030b32b38154f4e3b7e9c709f490f7ef97c481"
+  dependencies:
+    circular-json "^0.3.1"
+    del "^2.0.2"
+    graceful-fs "^4.1.2"
+    write "^0.2.1"
+
+flatten@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
+
+for-in@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
+
+for-own@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce"
+  dependencies:
+    for-in "^1.0.1"
+
+foreach@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
+
+forever-agent@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+
+form-data@~2.1.1:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.1.4.tgz#33c183acf193276ecaa98143a69e94bfee1750d1"
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.5"
+    mime-types "^2.1.12"
+
+form-data@~2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.1.tgz#6fb94fbd71885306d73d15cc497fe4cc4ecd44bf"
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.5"
+    mime-types "^2.1.12"
+
+forwarded@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+
+fsevents@^1.0.0, fsevents@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.1.2.tgz#3282b713fb3ad80ede0e9fcf4611b5aa6fc033f4"
+  dependencies:
+    nan "^2.3.0"
+    node-pre-gyp "^0.6.36"
+
+fstream-ignore@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/fstream-ignore/-/fstream-ignore-1.0.5.tgz#9c31dae34767018fe1d249b24dada67d092da105"
+  dependencies:
+    fstream "^1.0.0"
+    inherits "2"
+    minimatch "^3.0.0"
+
+fstream@^1.0.0, fstream@^1.0.10, fstream@^1.0.2:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.11.tgz#5c1fb1f117477114f0632a0eb4b71b3cb0fd3171"
+  dependencies:
+    graceful-fs "^4.1.2"
+    inherits "~2.0.0"
+    mkdirp ">=0.5 0"
+    rimraf "2"
+
+function-bind@^1.0.2, function-bind@^1.1.0, function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+
+function.prototype.name@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.0.3.tgz#0099ae5572e9dd6f03c97d023fd92bcc5e639eac"
+  dependencies:
+    define-properties "^1.1.2"
+    function-bind "^1.1.0"
+    is-callable "^1.1.3"
+
+functional-red-black-tree@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
+
+fuse.js@^3.0.1:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-3.2.0.tgz#f0448e8069855bf2a3e683cdc1d320e7e2a07ef4"
+
+gauge@~2.7.3:
+  version "2.7.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
+  dependencies:
+    aproba "^1.0.3"
+    console-control-strings "^1.0.0"
+    has-unicode "^2.0.0"
+    object-assign "^4.1.0"
+    signal-exit "^3.0.0"
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wide-align "^1.1.0"
+
+get-caller-file@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5"
+
+get-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
+
+getpass@^0.1.1:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
+  dependencies:
+    assert-plus "^1.0.0"
+
+glamor@^2.20.40:
+  version "2.20.40"
+  resolved "https://registry.yarnpkg.com/glamor/-/glamor-2.20.40.tgz#f606660357b7cf18dface731ad1a2cfa93817f05"
+  dependencies:
+    fbjs "^0.8.12"
+    inline-style-prefixer "^3.0.6"
+    object-assign "^4.1.1"
+    prop-types "^15.5.10"
+    through "^2.3.8"
+
+glamorous@^4.9.7:
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/glamorous/-/glamorous-4.10.0.tgz#2f2e06c27b93aade93432c98ca21db0b8c3d9a5e"
+  dependencies:
+    brcast "^3.0.0"
+    fast-memoize "^2.2.7"
+    html-tag-names "^1.1.1"
+    is-function "^1.0.1"
+    is-plain-object "^2.0.4"
+    react-html-attributes "^1.3.0"
+    svg-tag-names "^1.1.0"
+
+glob-base@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
+  dependencies:
+    glob-parent "^2.0.0"
+    is-glob "^2.0.0"
+
+glob-parent@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28"
+  dependencies:
+    is-glob "^2.0.0"
+
+glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+global@^4.3.2:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/global/-/global-4.3.2.tgz#e76989268a6c74c38908b1305b10fc0e394e9d0f"
+  dependencies:
+    min-document "^2.19.0"
+    process "~0.5.1"
+
+globals@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-10.1.0.tgz#4425a1881be0d336b4a823a82a7be725d5dd987c"
+
+globals@^9.17.0, globals@^9.18.0:
+  version "9.18.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
+
+globby@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d"
+  dependencies:
+    array-union "^1.0.1"
+    arrify "^1.0.0"
+    glob "^7.0.3"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+graceful-fs@^4.1.11, graceful-fs@^4.1.2:
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
+
+growly@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
+
+handlebars@^4.0.3:
+  version "4.0.11"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.11.tgz#630a35dfe0294bc281edae6ffc5d329fc7982dcc"
+  dependencies:
+    async "^1.4.0"
+    optimist "^0.6.1"
+    source-map "^0.4.4"
+  optionalDependencies:
+    uglify-js "^2.6"
+
+har-schema@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-1.0.5.tgz#d263135f43307c02c602afc8fe95970c0151369e"
+
+har-schema@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
+
+har-validator@~4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-4.2.1.tgz#33481d0f1bbff600dd203d75812a6a5fba002e2a"
+  dependencies:
+    ajv "^4.9.1"
+    har-schema "^1.0.5"
+
+har-validator@~5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.0.3.tgz#ba402c266194f15956ef15e0fcf242993f6a7dfd"
+  dependencies:
+    ajv "^5.1.0"
+    har-schema "^2.0.0"
+
+harmony-reflect@^1.4.6:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.5.1.tgz#b54ca617b00cc8aef559bbb17b3d85431dc7e329"
+
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+has-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+
+has-flag@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
+
+has-unicode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+
+has@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.1.tgz#8461733f538b0837c9361e39a9ab9e9704dc2f28"
+  dependencies:
+    function-bind "^1.0.2"
+
+hash-base@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-2.0.2.tgz#66ea1d856db4e8a5470cadf6fce23ae5244ef2e1"
+  dependencies:
+    inherits "^2.0.1"
+
+hash-base@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.4.tgz#5fc8686847ecd73499403319a6b0a3f3f6ae4918"
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+hash.js@^1.0.0, hash.js@^1.0.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.3.tgz#340dedbe6290187151c1ea1d777a3448935df846"
+  dependencies:
+    inherits "^2.0.3"
+    minimalistic-assert "^1.0.0"
+
+hawk@3.1.3, hawk@~3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/hawk/-/hawk-3.1.3.tgz#078444bd7c1640b0fe540d2c9b73d59678e8e1c4"
+  dependencies:
+    boom "2.x.x"
+    cryptiles "2.x.x"
+    hoek "2.x.x"
+    sntp "1.x.x"
+
+hawk@~6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/hawk/-/hawk-6.0.2.tgz#af4d914eb065f9b5ce4d9d11c1cb2126eecc3038"
+  dependencies:
+    boom "4.x.x"
+    cryptiles "3.x.x"
+    hoek "4.x.x"
+    sntp "2.x.x"
+
+hmac-drbg@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
+  dependencies:
+    hash.js "^1.0.3"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.1"
+
+hoek@2.x.x:
+  version "2.16.3"
+  resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed"
+
+hoek@4.x.x:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/hoek/-/hoek-4.2.0.tgz#72d9d0754f7fe25ca2d01ad8f8f9a9449a89526d"
+
+hoist-non-react-statics@1.x.x, hoist-non-react-statics@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-1.2.0.tgz#aa448cf0986d55cc40773b17174b7dd066cb7cfb"
+
+home-or-tmp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.1"
+
+hosted-git-info@^2.1.4:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.5.0.tgz#6d60e34b3abbc8313062c3b798ef8d901a07af3c"
+
+html-comment-regex@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.1.tgz#668b93776eaae55ebde8f3ad464b307a4963625e"
+
+html-element-attributes@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/html-element-attributes/-/html-element-attributes-1.3.0.tgz#f06ebdfce22de979db82020265cac541fb17d4fc"
+
+html-encoding-sniffer@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz#e70d84b94da53aa375e11fe3a351be6642ca46f8"
+  dependencies:
+    whatwg-encoding "^1.0.1"
+
+html-entities@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
+
+html-tag-names@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/html-tag-names/-/html-tag-names-1.1.2.tgz#f65168964c5a9c82675efda882875dcb2a875c22"
+
+htmlparser2@^3.9.1:
+  version "3.9.2"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.9.2.tgz#1bdf87acca0f3f9e53fa4fcceb0f4b4cbb00b338"
+  dependencies:
+    domelementtype "^1.3.0"
+    domhandler "^2.3.0"
+    domutils "^1.5.1"
+    entities "^1.1.1"
+    inherits "^2.0.1"
+    readable-stream "^2.0.2"
+
+http-errors@1.6.2, http-errors@~1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.2.tgz#0a002cc85707192a7e7946ceedc11155f60ec736"
+  dependencies:
+    depd "1.1.1"
+    inherits "2.0.3"
+    setprototypeof "1.0.3"
+    statuses ">= 1.3.1 < 2"
+
+http-signature@~1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
+  dependencies:
+    assert-plus "^0.2.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
+http-signature@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
+  dependencies:
+    assert-plus "^1.0.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
+https-browserify@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.1.tgz#3f91365cabe60b77ed0ebba24b454e3e09d95a82"
+
+hyphenate-style-name@^1.0.1, hyphenate-style-name@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.2.tgz#31160a36930adaf1fc04c6074f7eb41465d4ec4b"
+
+iconv-lite@0.4.13:
+  version "0.4.13"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.13.tgz#1f88aba4ab0b1508e8312acc39345f36e992e2f2"
+
+iconv-lite@0.4.19, iconv-lite@^0.4.17, iconv-lite@~0.4.13:
+  version "0.4.19"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
+
+icss-replace-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
+
+icss-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-2.1.0.tgz#83f0a0ec378bf3246178b6c2ad9136f135b1c962"
+  dependencies:
+    postcss "^6.0.1"
+
+identity-obj-proxy@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
+  dependencies:
+    harmony-reflect "^1.4.6"
+
+ieee754@^1.1.4:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.8.tgz#be33d40ac10ef1926701f6f08a2d86fbfd1ad3e4"
+
+ignore@^3.3.3:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.6.tgz#b6f3196b38ed92f0c86e52f6f79b7fc4c8266c8d"
+
+immutable@^3.8.1:
+  version "3.8.2"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+
+indexes-of@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
+
+indexof@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+
+inherits@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
+
+ini@~1.3.0:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.4.tgz#0537cb79daf59b59a1a517dff706c86ec039162e"
+
+inline-style-prefixer@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-2.0.5.tgz#c153c7e88fd84fef5c602e95a8168b2770671fe7"
+  dependencies:
+    bowser "^1.0.0"
+    hyphenate-style-name "^1.0.1"
+
+inline-style-prefixer@^3.0.6:
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-3.0.8.tgz#8551b8e5b4d573244e66a34b04f7d32076a2b534"
+  dependencies:
+    bowser "^1.7.3"
+    css-in-js-utils "^2.0.0"
+
+inquirer@^3.0.6:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"
+  dependencies:
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.0"
+    cli-cursor "^2.1.0"
+    cli-width "^2.0.0"
+    external-editor "^2.0.4"
+    figures "^2.0.0"
+    lodash "^4.3.0"
+    mute-stream "0.0.7"
+    run-async "^2.2.0"
+    rx-lite "^4.0.8"
+    rx-lite-aggregates "^4.0.8"
+    string-width "^2.1.0"
+    strip-ansi "^4.0.0"
+    through "^2.3.6"
+
+interpret@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.4.tgz#820cdd588b868ffb191a809506d6c9c8f212b1b0"
+
+invariant@2.x.x, invariant@^2.2.0, invariant@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360"
+  dependencies:
+    loose-envify "^1.0.0"
+
+invert-kv@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
+
+ipaddr.js@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.5.2.tgz#d4b505bde9946987ccf0fc58d9010ff9607e3fa0"
+
+is-absolute-url@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+
+is-binary-path@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
+  dependencies:
+    binary-extensions "^1.0.0"
+
+is-buffer@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
+
+is-builtin-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-1.0.0.tgz#540572d34f7ac3119f8f76c30cbc1b1e037affbe"
+  dependencies:
+    builtin-modules "^1.0.0"
+
+is-callable@^1.1.1, is-callable@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.3.tgz#86eb75392805ddc33af71c92a0eedf74ee7604b2"
+
+is-ci@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.0.10.tgz#f739336b2632365061a9d48270cd56ae3369318e"
+  dependencies:
+    ci-info "^1.0.0"
+
+is-date-object@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16"
+
+is-directory@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
+
+is-dom@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/is-dom/-/is-dom-1.0.9.tgz#483832d52972073de12b9fe3f60320870da8370d"
+
+is-dotfile@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.3.tgz#a6a2f32ffd2dfb04f5ca25ecd0f6b83cf798a1e1"
+
+is-equal-shallow@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz#2238098fc221de0bcfa5d9eac4c45d638aa1c534"
+  dependencies:
+    is-primitive "^2.0.0"
+
+is-extendable@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
+
+is-extglob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
+
+is-finite@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
+
+is-function@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-function/-/is-function-1.0.1.tgz#12cfb98b65b57dd3d193a3121f5f6e2f437602b5"
+
+is-glob@^2.0.0, is-glob@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
+  dependencies:
+    is-extglob "^1.0.0"
+
+is-number@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
+  dependencies:
+    kind-of "^3.0.2"
+
+is-number@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
+  dependencies:
+    kind-of "^3.0.2"
+
+is-obj@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
+
+is-path-cwd@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d"
+
+is-path-in-cwd@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz#6477582b8214d602346094567003be8a9eac04dc"
+  dependencies:
+    is-path-inside "^1.0.0"
+
+is-path-inside@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.0.tgz#fc06e5a1683fbda13de667aff717bbc10a48f37f"
+  dependencies:
+    path-is-inside "^1.0.1"
+
+is-plain-obj@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
+
+is-plain-object@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
+  dependencies:
+    isobject "^3.0.1"
+
+is-posix-bracket@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
+
+is-primitive@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
+
+is-promise@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
+
+is-regex@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.4.tgz#5517489b547091b0930e095654ced25ee97e9491"
+  dependencies:
+    has "^1.0.1"
+
+is-resolvable@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.0.0.tgz#8df57c61ea2e3c501408d100fb013cf8d6e0cc62"
+  dependencies:
+    tryit "^1.0.1"
+
+is-stream@^1.0.1, is-stream@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
+
+is-subset@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-subset/-/is-subset-0.1.1.tgz#8a59117d932de1de00f245fcdd39ce43f1e939a6"
+
+is-svg@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-2.1.0.tgz#cf61090da0d9efbcab8722deba6f032208dbb0e9"
+  dependencies:
+    html-comment-regex "^1.1.0"
+
+is-symbol@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.1.tgz#3cc59f00025194b6ab2e38dbae6689256b660572"
+
+is-typedarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+
+is-utf8@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
+
+isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+
+isobject@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
+  dependencies:
+    isarray "1.0.0"
+
+isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+
+isomorphic-fetch@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
+  dependencies:
+    node-fetch "^1.0.1"
+    whatwg-fetch ">=0.10.0"
+
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+
+istanbul-api@^1.1.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-1.2.1.tgz#0c60a0515eb11c7d65c6b50bba2c6e999acd8620"
+  dependencies:
+    async "^2.1.4"
+    fileset "^2.0.2"
+    istanbul-lib-coverage "^1.1.1"
+    istanbul-lib-hook "^1.1.0"
+    istanbul-lib-instrument "^1.9.1"
+    istanbul-lib-report "^1.1.2"
+    istanbul-lib-source-maps "^1.2.2"
+    istanbul-reports "^1.1.3"
+    js-yaml "^3.7.0"
+    mkdirp "^0.5.1"
+    once "^1.4.0"
+
+istanbul-lib-coverage@^1.0.1, istanbul-lib-coverage@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-1.1.1.tgz#73bfb998885299415c93d38a3e9adf784a77a9da"
+
+istanbul-lib-hook@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-1.1.0.tgz#8538d970372cb3716d53e55523dd54b557a8d89b"
+  dependencies:
+    append-transform "^0.4.0"
+
+istanbul-lib-instrument@^1.4.2, istanbul-lib-instrument@^1.7.5, istanbul-lib-instrument@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.9.1.tgz#250b30b3531e5d3251299fdd64b0b2c9db6b558e"
+  dependencies:
+    babel-generator "^6.18.0"
+    babel-template "^6.16.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+    babylon "^6.18.0"
+    istanbul-lib-coverage "^1.1.1"
+    semver "^5.3.0"
+
+istanbul-lib-report@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-1.1.2.tgz#922be27c13b9511b979bd1587359f69798c1d425"
+  dependencies:
+    istanbul-lib-coverage "^1.1.1"
+    mkdirp "^0.5.1"
+    path-parse "^1.0.5"
+    supports-color "^3.1.2"
+
+istanbul-lib-source-maps@^1.1.0, istanbul-lib-source-maps@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-1.2.2.tgz#750578602435f28a0c04ee6d7d9e0f2960e62c1c"
+  dependencies:
+    debug "^3.1.0"
+    istanbul-lib-coverage "^1.1.1"
+    mkdirp "^0.5.1"
+    rimraf "^2.6.1"
+    source-map "^0.5.3"
+
+istanbul-reports@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-1.1.3.tgz#3b9e1e8defb6d18b1d425da8e8b32c5a163f2d10"
+  dependencies:
+    handlebars "^4.0.3"
+
+jest-changed-files@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-21.2.0.tgz#5dbeecad42f5d88b482334902ce1cba6d9798d29"
+  dependencies:
+    throat "^4.0.0"
+
+jest-cli@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-21.2.1.tgz#9c528b6629d651911138d228bdb033c157ec8c00"
+  dependencies:
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.1"
+    glob "^7.1.2"
+    graceful-fs "^4.1.11"
+    is-ci "^1.0.10"
+    istanbul-api "^1.1.1"
+    istanbul-lib-coverage "^1.0.1"
+    istanbul-lib-instrument "^1.4.2"
+    istanbul-lib-source-maps "^1.1.0"
+    jest-changed-files "^21.2.0"
+    jest-config "^21.2.1"
+    jest-environment-jsdom "^21.2.1"
+    jest-haste-map "^21.2.0"
+    jest-message-util "^21.2.1"
+    jest-regex-util "^21.2.0"
+    jest-resolve-dependencies "^21.2.0"
+    jest-runner "^21.2.1"
+    jest-runtime "^21.2.1"
+    jest-snapshot "^21.2.1"
+    jest-util "^21.2.1"
+    micromatch "^2.3.11"
+    node-notifier "^5.0.2"
+    pify "^3.0.0"
+    slash "^1.0.0"
+    string-length "^2.0.0"
+    strip-ansi "^4.0.0"
+    which "^1.2.12"
+    worker-farm "^1.3.1"
+    yargs "^9.0.0"
+
+jest-config@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-21.2.1.tgz#c7586c79ead0bcc1f38c401e55f964f13bf2a480"
+  dependencies:
+    chalk "^2.0.1"
+    glob "^7.1.1"
+    jest-environment-jsdom "^21.2.1"
+    jest-environment-node "^21.2.1"
+    jest-get-type "^21.2.0"
+    jest-jasmine2 "^21.2.1"
+    jest-regex-util "^21.2.0"
+    jest-resolve "^21.2.0"
+    jest-util "^21.2.1"
+    jest-validate "^21.2.1"
+    pretty-format "^21.2.1"
+
+jest-diff@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-21.2.1.tgz#46cccb6cab2d02ce98bc314011764bb95b065b4f"
+  dependencies:
+    chalk "^2.0.1"
+    diff "^3.2.0"
+    jest-get-type "^21.2.0"
+    pretty-format "^21.2.1"
+
+jest-docblock@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-21.2.0.tgz#51529c3b30d5fd159da60c27ceedc195faf8d414"
+
+jest-environment-jsdom@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-21.2.1.tgz#38d9980c8259b2a608ec232deee6289a60d9d5b4"
+  dependencies:
+    jest-mock "^21.2.0"
+    jest-util "^21.2.1"
+    jsdom "^9.12.0"
+
+jest-environment-node@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-21.2.1.tgz#98c67df5663c7fbe20f6e792ac2272c740d3b8c8"
+  dependencies:
+    jest-mock "^21.2.0"
+    jest-util "^21.2.1"
+
+jest-get-type@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-21.2.0.tgz#f6376ab9db4b60d81e39f30749c6c466f40d4a23"
+
+jest-haste-map@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-21.2.0.tgz#1363f0a8bb4338f24f001806571eff7a4b2ff3d8"
+  dependencies:
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.1.11"
+    jest-docblock "^21.2.0"
+    micromatch "^2.3.11"
+    sane "^2.0.0"
+    worker-farm "^1.3.1"
+
+jest-jasmine2@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-21.2.1.tgz#9cc6fc108accfa97efebce10c4308548a4ea7592"
+  dependencies:
+    chalk "^2.0.1"
+    expect "^21.2.1"
+    graceful-fs "^4.1.11"
+    jest-diff "^21.2.1"
+    jest-matcher-utils "^21.2.1"
+    jest-message-util "^21.2.1"
+    jest-snapshot "^21.2.1"
+    p-cancelable "^0.3.0"
+
+jest-matcher-utils@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-21.2.1.tgz#72c826eaba41a093ac2b4565f865eb8475de0f64"
+  dependencies:
+    chalk "^2.0.1"
+    jest-get-type "^21.2.0"
+    pretty-format "^21.2.1"
+
+jest-message-util@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-21.2.1.tgz#bfe5d4692c84c827d1dcf41823795558f0a1acbe"
+  dependencies:
+    chalk "^2.0.1"
+    micromatch "^2.3.11"
+    slash "^1.0.0"
+
+jest-mock@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-21.2.0.tgz#7eb0770e7317968165f61ea2a7281131534b3c0f"
+
+jest-regex-util@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-21.2.0.tgz#1b1e33e63143babc3e0f2e6c9b5ba1eb34b2d530"
+
+jest-resolve-dependencies@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-21.2.0.tgz#9e231e371e1a736a1ad4e4b9a843bc72bfe03d09"
+  dependencies:
+    jest-regex-util "^21.2.0"
+
+jest-resolve@^21.2.0:
+  version "21.2.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-21.2.0.tgz#068913ad2ba6a20218e5fd32471f3874005de3a6"
+  dependencies:
+    browser-resolve "^1.11.2"
+    chalk "^2.0.1"
+    is-builtin-module "^1.0.0"
+
+jest-runner@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-21.2.1.tgz#194732e3e518bfb3d7cbfc0fd5871246c7e1a467"
+  dependencies:
+    jest-config "^21.2.1"
+    jest-docblock "^21.2.0"
+    jest-haste-map "^21.2.0"
+    jest-jasmine2 "^21.2.1"
+    jest-message-util "^21.2.1"
+    jest-runtime "^21.2.1"
+    jest-util "^21.2.1"
+    pify "^3.0.0"
+    throat "^4.0.0"
+    worker-farm "^1.3.1"
+
+jest-runtime@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-21.2.1.tgz#99dce15309c670442eee2ebe1ff53a3cbdbbb73e"
+  dependencies:
+    babel-core "^6.0.0"
+    babel-jest "^21.2.0"
+    babel-plugin-istanbul "^4.0.0"
+    chalk "^2.0.1"
+    convert-source-map "^1.4.0"
+    graceful-fs "^4.1.11"
+    jest-config "^21.2.1"
+    jest-haste-map "^21.2.0"
+    jest-regex-util "^21.2.0"
+    jest-resolve "^21.2.0"
+    jest-util "^21.2.1"
+    json-stable-stringify "^1.0.1"
+    micromatch "^2.3.11"
+    slash "^1.0.0"
+    strip-bom "3.0.0"
+    write-file-atomic "^2.1.0"
+    yargs "^9.0.0"
+
+jest-snapshot@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-21.2.1.tgz#29e49f16202416e47343e757e5eff948c07fd7b0"
+  dependencies:
+    chalk "^2.0.1"
+    jest-diff "^21.2.1"
+    jest-matcher-utils "^21.2.1"
+    mkdirp "^0.5.1"
+    natural-compare "^1.4.0"
+    pretty-format "^21.2.1"
+
+jest-util@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-21.2.1.tgz#a274b2f726b0897494d694a6c3d6a61ab819bb78"
+  dependencies:
+    callsites "^2.0.0"
+    chalk "^2.0.1"
+    graceful-fs "^4.1.11"
+    jest-message-util "^21.2.1"
+    jest-mock "^21.2.0"
+    jest-validate "^21.2.1"
+    mkdirp "^0.5.1"
+
+jest-validate@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-21.2.1.tgz#cc0cbca653cd54937ba4f2a111796774530dd3c7"
+  dependencies:
+    chalk "^2.0.1"
+    jest-get-type "^21.2.0"
+    leven "^2.1.0"
+    pretty-format "^21.2.1"
+
+jest@21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-21.2.1.tgz#c964e0b47383768a1438e3ccf3c3d470327604e1"
+  dependencies:
+    jest-cli "^21.2.1"
+
+js-base64@^2.1.9:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.3.2.tgz#a79a923666372b580f8e27f51845c6f7e8fbfbaf"
+
+js-tokens@^3.0.0, js-tokens@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
+
+js-yaml@^3.4.3, js-yaml@^3.7.0, js-yaml@^3.9.1:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.10.0.tgz#2e78441646bd4682e963f22b6e92823c309c62dc"
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+js-yaml@~3.7.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^2.6.0"
+
+jsbn@~0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
+
+jschardet@^1.4.2:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/jschardet/-/jschardet-1.5.1.tgz#c519f629f86b3a5bedba58a88d311309eec097f9"
+
+jsdom@^9.12.0:
+  version "9.12.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-9.12.0.tgz#e8c546fffcb06c00d4833ca84410fed7f8a097d4"
+  dependencies:
+    abab "^1.0.3"
+    acorn "^4.0.4"
+    acorn-globals "^3.1.0"
+    array-equal "^1.0.0"
+    content-type-parser "^1.0.1"
+    cssom ">= 0.3.2 < 0.4.0"
+    cssstyle ">= 0.2.37 < 0.3.0"
+    escodegen "^1.6.1"
+    html-encoding-sniffer "^1.0.1"
+    nwmatcher ">= 1.3.9 < 2.0.0"
+    parse5 "^1.5.1"
+    request "^2.79.0"
+    sax "^1.2.1"
+    symbol-tree "^3.2.1"
+    tough-cookie "^2.3.2"
+    webidl-conversions "^4.0.0"
+    whatwg-encoding "^1.0.1"
+    whatwg-url "^4.3.0"
+    xml-name-validator "^2.0.1"
+
+jsesc@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
+
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+
+json-loader@^0.5.4, json-loader@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.7.tgz#dca14a70235ff82f0ac9a3abeb60d337a365185d"
+
+json-schema-traverse@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz#349a6d44c53a51de89b40805c5d5e59b417d3340"
+
+json-schema@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
+
+json-stable-stringify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af"
+  dependencies:
+    jsonify "~0.0.0"
+
+json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+
+json5@^0.5.0, json5@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+
+jsonify@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
+
+jsprim@^1.2.2:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
+  dependencies:
+    assert-plus "1.0.0"
+    extsprintf "1.3.0"
+    json-schema "0.2.3"
+    verror "1.10.0"
+
+jsx-ast-utils@^1.4.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-1.4.1.tgz#3867213e8dd79bf1e8f2300c0cfc1efb182c0df1"
+
+jsx-ast-utils@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.0.1.tgz#e801b1b39985e20fffc87b40e3748080e2dcac7f"
+  dependencies:
+    array-includes "^3.0.3"
+
+keycode@^2.1.8:
+  version "2.1.9"
+  resolved "https://registry.yarnpkg.com/keycode/-/keycode-2.1.9.tgz#964a23c54e4889405b4861a5c9f0480d45141dfa"
+
+kind-of@^3.0.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
+  dependencies:
+    is-buffer "^1.1.5"
+
+kind-of@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
+  dependencies:
+    is-buffer "^1.1.5"
+
+lazy-cache@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
+
+lcid@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
+  dependencies:
+    invert-kv "^1.0.0"
+
+leven@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/leven/-/leven-2.1.0.tgz#c2e7a9f772094dee9d34202ae8acce4687875580"
+
+levn@^0.3.0, levn@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  dependencies:
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+
+load-json-file@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+    strip-bom "^2.0.0"
+
+load-json-file@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    strip-bom "^3.0.0"
+
+loader-runner@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.3.0.tgz#f482aea82d543e07921700d5a46ef26fdac6b8a2"
+
+loader-utils@^0.2.16:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+    object-assign "^4.0.1"
+
+loader-utils@^1.0.2, loader-utils@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+
+locate-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
+  dependencies:
+    p-locate "^2.0.0"
+    path-exists "^3.0.0"
+
+lodash-es@^4.2.1:
+  version "4.17.4"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.4.tgz#dcc1d7552e150a0640073ba9cb31d70f032950e7"
+
+lodash._getnative@^3.0.0:
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5"
+
+lodash.assign@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7"
+
+lodash.camelcase@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
+
+lodash.cond@^4.3.0:
+  version "4.5.2"
+  resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5"
+
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+
+lodash.flattendeep@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2"
+
+lodash.isarguments@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz#2f573d85c6a24289ff00663b491c1d338ff3458a"
+
+lodash.isarray@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/lodash.isarray/-/lodash.isarray-3.0.4.tgz#79e4eb88c36a8122af86f844aa9bcd851b5fbb55"
+
+lodash.isplainobject@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
+
+lodash.keys@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.keys/-/lodash.keys-3.1.2.tgz#4dbc0472b156be50a0b286855d1bd0b0c656098a"
+  dependencies:
+    lodash._getnative "^3.0.0"
+    lodash.isarguments "^3.0.0"
+    lodash.isarray "^3.0.0"
+
+lodash.memoize@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+
+lodash.pick@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.pick/-/lodash.pick-4.4.0.tgz#52f05610fff9ded422611441ed1fc123a03001b3"
+
+lodash.some@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/lodash.some/-/lodash.some-4.6.0.tgz#1bb9f314ef6b8baded13b549169b2a945eb68e4d"
+
+lodash.sortby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
+
+lodash.uniq@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
+
+lodash@4.x.x, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0:
+  version "4.17.4"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
+
+lodash@^3.10.1:
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
+
+longest@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
+
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
+  dependencies:
+    js-tokens "^3.0.0"
+
+lru-cache@^4.0.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.1.tgz#622e32e82488b49279114a4f9ecf45e7cd6bba55"
+  dependencies:
+    pseudomap "^1.0.2"
+    yallist "^2.1.2"
+
+macaddress@^0.2.8:
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/macaddress/-/macaddress-0.2.8.tgz#5904dc537c39ec6dbefeae902327135fa8511f12"
+
+make-dir@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.1.0.tgz#19b4369fe48c116f53c2af95ad102c0e39e85d51"
+  dependencies:
+    pify "^3.0.0"
+
+makeerror@1.0.x:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
+  dependencies:
+    tmpl "1.0.x"
+
+mantra-core@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/mantra-core/-/mantra-core-1.7.0.tgz#a8c83e8cee83ef6a7383131519fe8031ad546386"
+  dependencies:
+    babel-runtime "6.x.x"
+    react-komposer "^1.9.0"
+    react-simple-di "^1.2.0"
+
+math-expression-evaluator@^1.2.14:
+  version "1.2.17"
+  resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz#de819fdbcd84dccd8fae59c6aeb79615b9d266ac"
+
+md5.js@^1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.4.tgz#e9bdbde94a20a5ac18b04340fc5764d5b09d901d"
+  dependencies:
+    hash-base "^3.0.0"
+    inherits "^2.0.1"
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+
+mem@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
+  dependencies:
+    mimic-fn "^1.0.0"
+
+memory-fs@^0.4.0, memory-fs@~0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
+  dependencies:
+    errno "^0.1.3"
+    readable-stream "^2.0.1"
+
+merge-descriptors@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
+
+merge@^1.1.3:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/merge/-/merge-1.2.0.tgz#7531e39d4949c281a66b8c5a6e0265e8b05894da"
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+
+micromatch@^2.1.5, micromatch@^2.3.11:
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
+  dependencies:
+    arr-diff "^2.0.0"
+    array-unique "^0.2.1"
+    braces "^1.8.2"
+    expand-brackets "^0.1.4"
+    extglob "^0.3.1"
+    filename-regex "^2.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.1"
+    kind-of "^3.0.2"
+    normalize-path "^2.0.1"
+    object.omit "^2.0.0"
+    parse-glob "^3.0.4"
+    regex-cache "^0.4.2"
+
+miller-rabin@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
+  dependencies:
+    bn.js "^4.0.0"
+    brorand "^1.0.1"
+
+mime-db@~1.30.0:
+  version "1.30.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.30.0.tgz#74c643da2dd9d6a45399963465b26d5ca7d71f01"
+
+mime-types@^2.1.12, mime-types@~2.1.15, mime-types@~2.1.16, mime-types@~2.1.17, mime-types@~2.1.7:
+  version "2.1.17"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.17.tgz#09d7a393f03e995a79f8af857b70a9e0ab16557a"
+  dependencies:
+    mime-db "~1.30.0"
+
+mime@1.3.x:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.3.6.tgz#591d84d3653a6b0b4a3b9df8de5aa8108e72e5e0"
+
+mime@1.4.1, mime@^1.3.4, mime@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6"
+
+mimic-fn@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.1.0.tgz#e667783d92e89dbd342818b5230b9d62a672ad18"
+
+min-document@^2.19.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
+  dependencies:
+    dom-walk "^0.1.0"
+
+minimalistic-assert@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.0.tgz#702be2dda6b37f4836bcb3f5db56641b64a1d3d3"
+
+minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
+
+minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
+
+minimist@^1.1.1, minimist@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
+
+minimist@~0.0.1:
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
+
+"mkdirp@>=0.5 0", mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
+  dependencies:
+    minimist "0.0.8"
+
+mobx@^2.3.4:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mobx/-/mobx-2.7.0.tgz#cf3d82d18c0ca7f458d8f2a240817b3dc7e54a01"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+
+mute-stream@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
+
+nan@^2.3.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.7.0.tgz#d95bf721ec877e08db276ed3fc6eb78f9083ad46"
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+
+nearley@^2.7.10:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/nearley/-/nearley-2.11.0.tgz#5e626c79a6cd2f6ab9e7e5d5805e7668967757ae"
+  dependencies:
+    nomnom "~1.6.2"
+    railroad-diagrams "^1.0.0"
+    randexp "^0.4.2"
+
+negotiator@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
+
+node-dir@^0.1.10:
+  version "0.1.17"
+  resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.17.tgz#5f5665d93351335caabef8f1c554516cf5f1e4e5"
+  dependencies:
+    minimatch "^3.0.2"
+
+node-fetch@^1.0.1:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
+  dependencies:
+    encoding "^0.1.11"
+    is-stream "^1.0.1"
+
+node-int64@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+
+node-libs-browser@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.0.0.tgz#a3a59ec97024985b46e958379646f96c4b616646"
+  dependencies:
+    assert "^1.1.1"
+    browserify-zlib "^0.1.4"
+    buffer "^4.3.0"
+    console-browserify "^1.1.0"
+    constants-browserify "^1.0.0"
+    crypto-browserify "^3.11.0"
+    domain-browser "^1.1.1"
+    events "^1.0.0"
+    https-browserify "0.0.1"
+    os-browserify "^0.2.0"
+    path-browserify "0.0.0"
+    process "^0.11.0"
+    punycode "^1.2.4"
+    querystring-es3 "^0.2.0"
+    readable-stream "^2.0.5"
+    stream-browserify "^2.0.1"
+    stream-http "^2.3.1"
+    string_decoder "^0.10.25"
+    timers-browserify "^2.0.2"
+    tty-browserify "0.0.0"
+    url "^0.11.0"
+    util "^0.10.3"
+    vm-browserify "0.0.4"
+
+node-notifier@^5.0.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.1.2.tgz#2fa9e12605fa10009d44549d6fcd8a63dde0e4ff"
+  dependencies:
+    growly "^1.3.0"
+    semver "^5.3.0"
+    shellwords "^0.1.0"
+    which "^1.2.12"
+
+node-pre-gyp@^0.6.36:
+  version "0.6.38"
+  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.6.38.tgz#e92a20f83416415bb4086f6d1fb78b3da73d113d"
+  dependencies:
+    hawk "3.1.3"
+    mkdirp "^0.5.1"
+    nopt "^4.0.1"
+    npmlog "^4.0.2"
+    rc "^1.1.7"
+    request "2.81.0"
+    rimraf "^2.6.1"
+    semver "^5.3.0"
+    tar "^2.2.1"
+    tar-pack "^3.4.0"
+
+nomnom@~1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/nomnom/-/nomnom-1.6.2.tgz#84a66a260174408fc5b77a18f888eccc44fb6971"
+  dependencies:
+    colors "0.5.x"
+    underscore "~1.4.4"
+
+nopt@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
+  dependencies:
+    abbrev "1"
+    osenv "^0.1.4"
+
+normalize-package-data@^2.3.2:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.4.0.tgz#12f95a307d58352075a04907b84ac8be98ac012f"
+  dependencies:
+    hosted-git-info "^2.1.4"
+    is-builtin-module "^1.0.0"
+    semver "2 || 3 || 4 || 5"
+    validate-npm-package-license "^3.0.1"
+
+normalize-path@^2.0.0, normalize-path@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
+  dependencies:
+    remove-trailing-separator "^1.0.1"
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+
+normalize-url@^1.4.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
+  dependencies:
+    object-assign "^4.0.1"
+    prepend-http "^1.0.0"
+    query-string "^4.1.0"
+    sort-keys "^1.0.0"
+
+npm-run-path@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
+  dependencies:
+    path-key "^2.0.0"
+
+npmlog@^4.0.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
+  dependencies:
+    are-we-there-yet "~1.1.2"
+    console-control-strings "~1.1.0"
+    gauge "~2.7.3"
+    set-blocking "~2.0.0"
+
+nth-check@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.1.tgz#9929acdf628fc2c41098deab82ac580cf149aae4"
+  dependencies:
+    boolbase "~1.0.0"
+
+num2fraction@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
+
+number-is-nan@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
+
+"nwmatcher@>= 1.3.9 < 2.0.0":
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/nwmatcher/-/nwmatcher-1.4.3.tgz#64348e3b3d80f035b40ac11563d278f8b72db89c"
+
+oauth-sign@~0.8.1, oauth-sign@~0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
+
+object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+
+object-is@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.0.1.tgz#0aa60ec9989a0b3ed795cf4d06f62cf1ad6539b6"
+
+object-keys@^1.0.10, object-keys@^1.0.8:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.0.11.tgz#c54601778ad560f1142ce0e01bcca8b56d13426d"
+
+object.assign@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.0.4.tgz#b1c9cc044ef1b9fe63606fc141abbb32e14730cc"
+  dependencies:
+    define-properties "^1.1.2"
+    function-bind "^1.1.0"
+    object-keys "^1.0.10"
+
+object.entries@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.0.4.tgz#1bf9a4dd2288f5b33f3a993d257661f05d161a5f"
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.6.1"
+    function-bind "^1.1.0"
+    has "^1.0.1"
+
+object.getownpropertydescriptors@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz#8758c846f5b407adab0f236e0986f14b051caa16"
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.5.1"
+
+object.omit@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
+  dependencies:
+    for-own "^0.1.4"
+    is-extendable "^0.1.1"
+
+object.values@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.0.4.tgz#e524da09b4f66ff05df457546ec72ac99f13069a"
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.6.1"
+    function-bind "^1.1.0"
+    has "^1.0.1"
+
+on-finished@~2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
+  dependencies:
+    ee-first "1.1.1"
+
+once@^1.3.0, once@^1.3.3, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  dependencies:
+    wrappy "1"
+
+onetime@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
+  dependencies:
+    mimic-fn "^1.0.0"
+
+optimist@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
+  dependencies:
+    minimist "~0.0.1"
+    wordwrap "~0.0.2"
+
+optionator@^0.8.1, optionator@^0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64"
+  dependencies:
+    deep-is "~0.1.3"
+    fast-levenshtein "~2.0.4"
+    levn "~0.3.0"
+    prelude-ls "~1.1.2"
+    type-check "~0.3.2"
+    wordwrap "~1.0.0"
+
+os-browserify@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.2.1.tgz#63fc4ccee5d2d7763d26bbf8601078e6c2e0044f"
+
+os-homedir@^1.0.0, os-homedir@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
+
+os-locale@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9"
+  dependencies:
+    lcid "^1.0.0"
+
+os-locale@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-2.1.0.tgz#42bc2900a6b5b8bd17376c8e882b65afccf24bf2"
+  dependencies:
+    execa "^0.7.0"
+    lcid "^1.0.0"
+    mem "^1.1.0"
+
+os-tmpdir@^1.0.0, os-tmpdir@^1.0.1, os-tmpdir@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
+
+osenv@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.4.tgz#42fe6d5953df06c8064be6f176c3d05aaaa34644"
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.0"
+
+p-cancelable@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-0.3.0.tgz#b9e123800bcebb7ac13a479be195b507b98d30fa"
+
+p-finally@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
+
+p-limit@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.1.0.tgz#b07ff2d9a5d88bec806035895a2bab66a27988bc"
+
+p-locate@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
+  dependencies:
+    p-limit "^1.1.0"
+
+pako@~0.2.0:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+
+parse-asn1@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.0.tgz#37c4f9b7ed3ab65c74817b5f2480937fbf97c712"
+  dependencies:
+    asn1.js "^4.0.0"
+    browserify-aes "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.0"
+    pbkdf2 "^3.0.3"
+
+parse-glob@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
+  dependencies:
+    glob-base "^0.3.0"
+    is-dotfile "^1.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.0"
+
+parse-json@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
+  dependencies:
+    error-ex "^1.2.0"
+
+parse5@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-1.5.1.tgz#9b7f3b0de32be78dc2401b17573ccaf0f6f59d94"
+
+parse5@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-3.0.2.tgz#05eff57f0ef4577fb144a79f8b9a967a6cc44510"
+  dependencies:
+    "@types/node" "^6.0.46"
+
+parseurl@~1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.2.tgz#fc289d4ed8993119460c156253262cdc8de65bf3"
+
+path-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.0.tgz#a0b870729aae214005b7d5032ec2cbbb0fb4451a"
+
+path-exists@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
+  dependencies:
+    pinkie-promise "^2.0.0"
+
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+
+path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+
+path-is-inside@^1.0.1, path-is-inside@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
+
+path-key@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
+
+path-parse@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1"
+
+path-to-regexp@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
+
+path-type@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
+  dependencies:
+    graceful-fs "^4.1.2"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+path-type@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
+  dependencies:
+    pify "^2.0.0"
+
+pbkdf2@^3.0.3:
+  version "3.0.14"
+  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.14.tgz#a35e13c64799b06ce15320f459c230e68e73bade"
+  dependencies:
+    create-hash "^1.1.2"
+    create-hmac "^1.1.4"
+    ripemd160 "^2.0.1"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+performance-now@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+
+pify@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+
+pinkie-promise@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
+  dependencies:
+    pinkie "^2.0.0"
+
+pinkie@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+
+pkg-dir@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-1.0.0.tgz#7a4b508a8d5bb2d629d447056ff4e9c9314cf3d4"
+  dependencies:
+    find-up "^1.0.0"
+
+pkg-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
+  dependencies:
+    find-up "^2.1.0"
+
+pluralize@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-7.0.0.tgz#298b89df8b93b0221dbf421ad2b1b1ea23fc6777"
+
+podda@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/podda/-/podda-1.2.2.tgz#15b0edbd334ade145813343f5ecf9c10a71cf500"
+  dependencies:
+    babel-runtime "^6.11.6"
+    immutable "^3.8.1"
+
+postcss-calc@^5.2.0:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-5.3.1.tgz#77bae7ca928ad85716e2fda42f261bf7c1d65b5e"
+  dependencies:
+    postcss "^5.0.2"
+    postcss-message-helpers "^2.0.0"
+    reduce-css-calc "^1.2.6"
+
+postcss-colormin@^2.1.8:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-2.2.2.tgz#6631417d5f0e909a3d7ec26b24c8a8d1e4f96e4b"
+  dependencies:
+    colormin "^1.0.5"
+    postcss "^5.0.13"
+    postcss-value-parser "^3.2.3"
+
+postcss-convert-values@^2.3.4:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-2.6.1.tgz#bbd8593c5c1fd2e3d1c322bb925dcae8dae4d62d"
+  dependencies:
+    postcss "^5.0.11"
+    postcss-value-parser "^3.1.2"
+
+postcss-discard-comments@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-2.0.4.tgz#befe89fafd5b3dace5ccce51b76b81514be00e3d"
+  dependencies:
+    postcss "^5.0.14"
+
+postcss-discard-duplicates@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-2.1.0.tgz#b9abf27b88ac188158a5eb12abcae20263b91932"
+  dependencies:
+    postcss "^5.0.4"
+
+postcss-discard-empty@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-2.1.0.tgz#d2b4bd9d5ced5ebd8dcade7640c7d7cd7f4f92b5"
+  dependencies:
+    postcss "^5.0.14"
+
+postcss-discard-overridden@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-0.1.1.tgz#8b1eaf554f686fb288cd874c55667b0aa3668d58"
+  dependencies:
+    postcss "^5.0.16"
+
+postcss-discard-unused@^2.2.1:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz#bce30b2cc591ffc634322b5fb3464b6d934f4433"
+  dependencies:
+    postcss "^5.0.14"
+    uniqs "^2.0.0"
+
+postcss-filter-plugins@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-filter-plugins/-/postcss-filter-plugins-2.0.2.tgz#6d85862534d735ac420e4a85806e1f5d4286d84c"
+  dependencies:
+    postcss "^5.0.4"
+    uniqid "^4.0.0"
+
+postcss-flexbugs-fixes@^3.0.0, postcss-flexbugs-fixes@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-3.2.0.tgz#9b8b932c53f9cf13ba0f61875303e447c33dcc51"
+  dependencies:
+    postcss "^6.0.1"
+
+postcss-load-config@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a"
+  dependencies:
+    cosmiconfig "^2.1.0"
+    object-assign "^4.1.0"
+    postcss-load-options "^1.2.0"
+    postcss-load-plugins "^2.3.0"
+
+postcss-load-options@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-options/-/postcss-load-options-1.2.0.tgz#b098b1559ddac2df04bc0bb375f99a5cfe2b6d8c"
+  dependencies:
+    cosmiconfig "^2.1.0"
+    object-assign "^4.1.0"
+
+postcss-load-plugins@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz#745768116599aca2f009fad426b00175049d8d92"
+  dependencies:
+    cosmiconfig "^2.1.1"
+    object-assign "^4.1.0"
+
+postcss-loader@^2.0.5, postcss-loader@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-2.0.8.tgz#8c67ddb029407dfafe684a406cfc16bad2ce0814"
+  dependencies:
+    loader-utils "^1.1.0"
+    postcss "^6.0.0"
+    postcss-load-config "^1.2.0"
+    schema-utils "^0.3.0"
+
+postcss-merge-idents@^2.1.5:
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz#4c5530313c08e1d5b3bbf3d2bbc747e278eea270"
+  dependencies:
+    has "^1.0.1"
+    postcss "^5.0.10"
+    postcss-value-parser "^3.1.1"
+
+postcss-merge-longhand@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-2.0.2.tgz#23d90cd127b0a77994915332739034a1a4f3d658"
+  dependencies:
+    postcss "^5.0.4"
+
+postcss-merge-rules@^2.0.3:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-2.1.2.tgz#d1df5dfaa7b1acc3be553f0e9e10e87c61b5f721"
+  dependencies:
+    browserslist "^1.5.2"
+    caniuse-api "^1.5.2"
+    postcss "^5.0.4"
+    postcss-selector-parser "^2.2.2"
+    vendors "^1.0.0"
+
+postcss-message-helpers@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e"
+
+postcss-minify-font-values@^1.0.2:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-1.0.5.tgz#4b58edb56641eba7c8474ab3526cafd7bbdecb69"
+  dependencies:
+    object-assign "^4.0.1"
+    postcss "^5.0.4"
+    postcss-value-parser "^3.0.2"
+
+postcss-minify-gradients@^1.0.1:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-1.0.5.tgz#5dbda11373703f83cfb4a3ea3881d8d75ff5e6e1"
+  dependencies:
+    postcss "^5.0.12"
+    postcss-value-parser "^3.3.0"
+
+postcss-minify-params@^1.0.4:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-1.2.2.tgz#ad2ce071373b943b3d930a3fa59a358c28d6f1f3"
+  dependencies:
+    alphanum-sort "^1.0.1"
+    postcss "^5.0.2"
+    postcss-value-parser "^3.0.2"
+    uniqs "^2.0.0"
+
+postcss-minify-selectors@^2.0.4:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-2.1.1.tgz#b2c6a98c0072cf91b932d1a496508114311735bf"
+  dependencies:
+    alphanum-sort "^1.0.2"
+    has "^1.0.1"
+    postcss "^5.0.14"
+    postcss-selector-parser "^2.0.0"
+
+postcss-modules-extract-imports@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.2.0.tgz#66140ecece38ef06bf0d3e355d69bf59d141ea85"
+  dependencies:
+    postcss "^6.0.1"
+
+postcss-modules-local-by-default@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    postcss "^6.0.1"
+
+postcss-modules-scope@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    postcss "^6.0.1"
+
+postcss-modules-values@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz#ecffa9d7e192518389f42ad0e83f72aec456ea20"
+  dependencies:
+    icss-replace-symbols "^1.1.0"
+    postcss "^6.0.1"
+
+postcss-normalize-charset@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-1.1.1.tgz#ef9ee71212d7fe759c78ed162f61ed62b5cb93f1"
+  dependencies:
+    postcss "^5.0.5"
+
+postcss-normalize-url@^3.0.7:
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-3.0.8.tgz#108f74b3f2fcdaf891a2ffa3ea4592279fc78222"
+  dependencies:
+    is-absolute-url "^2.0.0"
+    normalize-url "^1.4.0"
+    postcss "^5.0.14"
+    postcss-value-parser "^3.2.3"
+
+postcss-ordered-values@^2.1.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-2.2.3.tgz#eec6c2a67b6c412a8db2042e77fe8da43f95c11d"
+  dependencies:
+    postcss "^5.0.4"
+    postcss-value-parser "^3.0.1"
+
+postcss-reduce-idents@^2.2.2:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz#c2c6d20cc958284f6abfbe63f7609bf409059ad3"
+  dependencies:
+    postcss "^5.0.4"
+    postcss-value-parser "^3.0.2"
+
+postcss-reduce-initial@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-1.0.1.tgz#68f80695f045d08263a879ad240df8dd64f644ea"
+  dependencies:
+    postcss "^5.0.4"
+
+postcss-reduce-transforms@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-1.0.4.tgz#ff76f4d8212437b31c298a42d2e1444025771ae1"
+  dependencies:
+    has "^1.0.1"
+    postcss "^5.0.8"
+    postcss-value-parser "^3.0.1"
+
+postcss-selector-parser@^2.0.0, postcss-selector-parser@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz#f9437788606c3c9acee16ffe8d8b16297f27bb90"
+  dependencies:
+    flatten "^1.0.2"
+    indexes-of "^1.0.1"
+    uniq "^1.0.1"
+
+postcss-svgo@^2.1.1:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-2.1.6.tgz#b6df18aa613b666e133f08adb5219c2684ac108d"
+  dependencies:
+    is-svg "^2.0.0"
+    postcss "^5.0.14"
+    postcss-value-parser "^3.2.3"
+    svgo "^0.7.0"
+
+postcss-unique-selectors@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-2.0.2.tgz#981d57d29ddcb33e7b1dfe1fd43b8649f933ca1d"
+  dependencies:
+    alphanum-sort "^1.0.1"
+    postcss "^5.0.4"
+    uniqs "^2.0.0"
+
+postcss-value-parser@^3.0.1, postcss-value-parser@^3.0.2, postcss-value-parser@^3.1.1, postcss-value-parser@^3.1.2, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
+
+postcss-zindex@^2.0.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-zindex/-/postcss-zindex-2.2.0.tgz#d2109ddc055b91af67fc4cb3b025946639d2af22"
+  dependencies:
+    has "^1.0.1"
+    postcss "^5.0.4"
+    uniqs "^2.0.0"
+
+postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.16, postcss@^5.0.2, postcss@^5.0.4, postcss@^5.0.5, postcss@^5.0.6, postcss@^5.0.8, postcss@^5.2.16:
+  version "5.2.18"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
+  dependencies:
+    chalk "^1.1.3"
+    js-base64 "^2.1.9"
+    source-map "^0.5.6"
+    supports-color "^3.2.3"
+
+postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.13:
+  version "6.0.13"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.13.tgz#b9ecab4ee00c89db3ec931145bd9590bbf3f125f"
+  dependencies:
+    chalk "^2.1.0"
+    source-map "^0.6.1"
+    supports-color "^4.4.0"
+
+prelude-ls@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+
+prepend-http@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
+
+preserve@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
+
+pretty-format@^21.2.1:
+  version "21.2.1"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-21.2.1.tgz#ae5407f3cf21066cd011aa1ba5fce7b6a2eddb36"
+  dependencies:
+    ansi-regex "^3.0.0"
+    ansi-styles "^3.2.0"
+
+private@^0.1.6, private@^0.1.7, private@~0.1.5:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
+
+process-nextick-args@~1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
+
+process@^0.11.0:
+  version "0.11.10"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+
+process@~0.5.1:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.5.2.tgz#1638d8a8e34c2f440a91db95ab9aeb677fc185cf"
+
+progress@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.0.tgz#8a1be366bf8fc23db2bd23f10c6fe920b4389d1f"
+
+promise.prototype.finally@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/promise.prototype.finally/-/promise.prototype.finally-3.0.1.tgz#51ba2fa0a4cba5cbca54da818a8da8f24fc68f39"
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.8.2"
+    function-bind "^1.1.1"
+
+promise@^7.1.1:
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
+  dependencies:
+    asap "~2.0.3"
+
+prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.7, prop-types@^15.5.8, prop-types@^15.5.9, prop-types@^15.6.0:
+  version "15.6.0"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856"
+  dependencies:
+    fbjs "^0.8.16"
+    loose-envify "^1.3.1"
+    object-assign "^4.1.1"
+
+proxy-addr@~2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.2.tgz#6571504f47bb988ec8180253f85dd7e14952bdec"
+  dependencies:
+    forwarded "~0.1.2"
+    ipaddr.js "1.5.2"
+
+prr@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a"
+
+pseudomap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
+
+public-encrypt@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.0.tgz#39f699f3a46560dd5ebacbca693caf7c65c18cc6"
+  dependencies:
+    bn.js "^4.1.0"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    parse-asn1 "^5.0.0"
+    randombytes "^2.0.1"
+
+punycode@1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
+
+punycode@^1.2.4, punycode@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
+
+q@^1.1.2:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
+
+qs@6.5.1, qs@^6.4.0, qs@^6.5.1, qs@~6.5.1:
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.1.tgz#349cdf6eef89ec45c12d7d5eb3fc0c870343a6d8"
+
+qs@~6.4.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
+
+query-string@^4.1.0:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
+  dependencies:
+    object-assign "^4.1.0"
+    strict-uri-encode "^1.0.0"
+
+querystring-es3@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
+
+querystring@0.2.0, querystring@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
+
+radium@^0.19.0:
+  version "0.19.6"
+  resolved "https://registry.yarnpkg.com/radium/-/radium-0.19.6.tgz#b86721d08dbd303b061a4ae2ebb06cc6e335ae72"
+  dependencies:
+    array-find "^1.0.0"
+    exenv "^1.2.1"
+    inline-style-prefixer "^2.0.5"
+    prop-types "^15.5.8"
+
+raf@^3.3.2:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.0.tgz#a28876881b4bc2ca9117d4138163ddb80f781575"
+  dependencies:
+    performance-now "^2.1.0"
+
+railroad-diagrams@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz#eb7e6267548ddedfb899c1b90e57374559cddb7e"
+
+randexp@^0.4.2:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.6.tgz#e986ad5e5e31dae13ddd6f7b3019aa7c87f60ca3"
+  dependencies:
+    discontinuous-range "1.0.0"
+    ret "~0.1.10"
+
+randomatic@^1.1.3:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.7.tgz#c7abe9cc8b87c0baa876b19fde83fd464797e38c"
+  dependencies:
+    is-number "^3.0.0"
+    kind-of "^4.0.0"
+
+randombytes@^2.0.0, randombytes@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.0.5.tgz#dc009a246b8d09a177b4b7a0ae77bc570f4b1b79"
+  dependencies:
+    safe-buffer "^5.1.0"
+
+range-parser@^1.0.3, range-parser@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
+
+raw-body@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.3.2.tgz#bcd60c77d3eb93cde0050295c3f379389bc88f89"
+  dependencies:
+    bytes "3.0.0"
+    http-errors "1.6.2"
+    iconv-lite "0.4.19"
+    unpipe "1.0.0"
+
+rc@^1.1.7:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.2.tgz#d8ce9cb57e8d64d9c7badd9876c7c34cbe3c7077"
+  dependencies:
+    deep-extend "~0.4.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
+react-autocomplete@1.7.2:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/react-autocomplete/-/react-autocomplete-1.7.2.tgz#c55a0a4b8a9f4cba911dfccb74ef74f2161c46e0"
+  dependencies:
+    dom-scroll-into-view "1.0.1"
+    prop-types "^15.5.10"
+
+react-day-picker@6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/react-day-picker/-/react-day-picker-6.2.1.tgz#fc22b809db792386d1468d3f46d725ad91e04db9"
+  dependencies:
+    object-assign "^4.1.1"
+    prop-types "^15.6.0"
+
+react-docgen@^2.15.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-2.19.0.tgz#a9e356277aa31f42df163f0b4917d3b077985f9d"
+  dependencies:
+    async "^2.1.4"
+    babel-runtime "^6.9.2"
+    babylon "~5.8.3"
+    commander "^2.9.0"
+    doctrine "^2.0.0"
+    node-dir "^0.1.10"
+    recast "^0.12.6"
+
+react-dom-factories@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/react-dom-factories/-/react-dom-factories-1.0.2.tgz#eb7705c4db36fb501b3aa38ff759616aa0ff96e0"
+
+react-dom@16.0.0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.0.0.tgz#9cc3079c3dcd70d4c6e01b84aab2a7e34c303f58"
+  dependencies:
+    fbjs "^0.8.16"
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.0"
+
+react-html-attributes@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/react-html-attributes/-/react-html-attributes-1.4.1.tgz#97b5ec710da68833598c8be6f89ac436216840a5"
+  dependencies:
+    html-element-attributes "^1.0.0"
+
+react-icon-base@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/react-icon-base/-/react-icon-base-2.1.0.tgz#a196e33fdf1e7aaa1fda3aefbb68bdad9e82a79d"
+
+react-icons@^2.2.7:
+  version "2.2.7"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-2.2.7.tgz#d7860826b258557510dac10680abea5ca23cf650"
+  dependencies:
+    react-icon-base "2.1.0"
+
+react-inspector@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.2.0.tgz#2aa0778c3512063f598d7a89a28a5d5c7733cad7"
+  dependencies:
+    babel-runtime "^6.26.0"
+    is-dom "^1.0.9"
+
+react-komposer@^1.9.0:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/react-komposer/-/react-komposer-1.13.1.tgz#4b8ac4bcc71323bd7413dcab95c831197f50eed0"
+  dependencies:
+    babel-runtime "6.x.x"
+    hoist-non-react-statics "1.x.x"
+    invariant "2.x.x"
+    mobx "^2.3.4"
+    shallowequal "0.2.x"
+
+react-komposer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/react-komposer/-/react-komposer-2.0.0.tgz#b964738014a9b4aee494a83c0b5b833d66072a90"
+  dependencies:
+    babel-runtime "^6.11.6"
+    hoist-non-react-statics "^1.2.0"
+    lodash.pick "^4.4.0"
+    react-stubber "^1.0.0"
+    shallowequal "^0.2.2"
+
+react-modal@^1.7.7:
+  version "1.9.7"
+  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-1.9.7.tgz#07ef56790b953e3b98ef1e2989e347983c72871d"
+  dependencies:
+    create-react-class "^15.5.2"
+    element-class "^0.2.0"
+    exenv "1.2.0"
+    lodash.assign "^4.2.0"
+    prop-types "^15.5.7"
+    react-dom-factories "^1.0.0"
+
+react-modal@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-2.4.1.tgz#cb09b26711b148eb9f59cb180e1b7d82980ded05"
+  dependencies:
+    exenv "^1.2.0"
+    prop-types "^15.5.10"
+
+react-simple-di@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/react-simple-di/-/react-simple-di-1.2.0.tgz#dde0e5bf689f391ef2ab02c9043b213fe239c6d0"
+  dependencies:
+    babel-runtime "6.x.x"
+    hoist-non-react-statics "1.x.x"
+
+react-split-pane@^0.1.65:
+  version "0.1.67"
+  resolved "https://registry.yarnpkg.com/react-split-pane/-/react-split-pane-0.1.67.tgz#7ca35e8abbee72baa0003242b03592cd861bdbc1"
+  dependencies:
+    "@types/inline-style-prefixer" "^3.0.0"
+    "@types/react" "^16.0.18"
+    inline-style-prefixer "^3.0.6"
+    prop-types "^15.5.10"
+    react-style-proptype "^3.0.0"
+
+react-stubber@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/react-stubber/-/react-stubber-1.0.0.tgz#41ee2cac72d4d4fd70a63896da98e13739b84628"
+  dependencies:
+    babel-runtime "^6.5.0"
+
+react-style-proptype@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/react-style-proptype/-/react-style-proptype-3.1.0.tgz#c8912fc13460f5b0c1ec1114c729d535b52b8073"
+  dependencies:
+    prop-types "^15.5.4"
+
+react-test-renderer@16.0.0, react-test-renderer@^16.0.0-0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.0.0.tgz#9fe7b8308f2f71f29fc356d4102086f131c9cb15"
+  dependencies:
+    fbjs "^0.8.16"
+    object-assign "^4.1.1"
+
+react-transition-group@^1.1.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-1.2.1.tgz#e11f72b257f921b213229a774df46612346c7ca6"
+  dependencies:
+    chain-function "^1.0.0"
+    dom-helpers "^3.2.0"
+    loose-envify "^1.3.1"
+    prop-types "^15.5.6"
+    warning "^3.0.0"
+
+react-treebeard@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/react-treebeard/-/react-treebeard-2.0.3.tgz#cd644209c1be2fe2be3ae4bca8350ed6abf293d6"
+  dependencies:
+    babel-runtime "^6.23.0"
+    deep-equal "^1.0.1"
+    prop-types "^15.5.8"
+    radium "^0.19.0"
+    shallowequal "^0.2.2"
+    velocity-react "^1.3.1"
+
+react@16.0.0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.0.0.tgz#ce7df8f1941b036f02b2cca9dbd0cb1f0e855e2d"
+  dependencies:
+    fbjs "^0.8.16"
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.0"
+
+read-pkg-up@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
+  dependencies:
+    find-up "^1.0.0"
+    read-pkg "^1.0.0"
+
+read-pkg-up@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
+  dependencies:
+    find-up "^2.0.0"
+    read-pkg "^2.0.0"
+
+read-pkg@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
+  dependencies:
+    load-json-file "^1.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^1.0.0"
+
+read-pkg@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
+  dependencies:
+    load-json-file "^2.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^2.0.0"
+
+readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.4, readable-stream@^2.2.2, readable-stream@^2.2.6:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.3.tgz#368f2512d79f9d46fdfc71349ae7878bbc1eb95c"
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.0.3"
+    util-deprecate "~1.0.1"
+
+readdirp@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.1.0.tgz#4ed0ad060df3073300c48440373f72d1cc642d78"
+  dependencies:
+    graceful-fs "^4.1.2"
+    minimatch "^3.0.2"
+    readable-stream "^2.0.2"
+    set-immediate-shim "^1.0.1"
+
+recast@^0.12.6:
+  version "0.12.7"
+  resolved "https://registry.yarnpkg.com/recast/-/recast-0.12.7.tgz#6ec2ba1ae1d163cd12b5c17c3823458b299f3a0b"
+  dependencies:
+    ast-types "0.9.12"
+    core-js "^2.4.1"
+    esprima "~4.0.0"
+    private "~0.1.5"
+    source-map "~0.6.1"
+
+rechoir@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
+  dependencies:
+    resolve "^1.1.6"
+
+reduce-css-calc@^1.2.6:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz#747c914e049614a4c9cfbba629871ad1d2927716"
+  dependencies:
+    balanced-match "^0.4.2"
+    math-expression-evaluator "^1.2.14"
+    reduce-function-call "^1.0.1"
+
+reduce-function-call@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/reduce-function-call/-/reduce-function-call-1.0.2.tgz#5a200bf92e0e37751752fe45b0ab330fd4b6be99"
+  dependencies:
+    balanced-match "^0.4.2"
+
+redux@^3.6.0, redux@^3.7.2:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/redux/-/redux-3.7.2.tgz#06b73123215901d25d065be342eb026bc1c8537b"
+  dependencies:
+    lodash "^4.2.1"
+    lodash-es "^4.2.1"
+    loose-envify "^1.1.0"
+    symbol-observable "^1.0.3"
+
+regenerate@^1.2.1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.3.tgz#0c336d3980553d755c39b586ae3b20aa49c82b7f"
+
+regenerator-runtime@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.0.tgz#7e54fe5b5ccd5d6624ea6255c3473be090b802e1"
+
+regenerator-transform@0.9.11:
+  version "0.9.11"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.9.11.tgz#3a7d067520cb7b7176769eb5ff868691befe1283"
+  dependencies:
+    babel-runtime "^6.18.0"
+    babel-types "^6.19.0"
+    private "^0.1.6"
+
+regenerator-transform@^0.10.0:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.10.1.tgz#1e4996837231da8b7f3cf4114d71b5691a0680dd"
+  dependencies:
+    babel-runtime "^6.18.0"
+    babel-types "^6.19.0"
+    private "^0.1.6"
+
+regex-cache@^0.4.2:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd"
+  dependencies:
+    is-equal-shallow "^0.1.3"
+
+regexpu-core@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-1.0.0.tgz#86a763f58ee4d7c2f6b102e4764050de7ed90c6b"
+  dependencies:
+    regenerate "^1.2.1"
+    regjsgen "^0.2.0"
+    regjsparser "^0.1.4"
+
+regexpu-core@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240"
+  dependencies:
+    regenerate "^1.2.1"
+    regjsgen "^0.2.0"
+    regjsparser "^0.1.4"
+
+regjsgen@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
+
+regjsparser@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c"
+  dependencies:
+    jsesc "~0.5.0"
+
+remove-trailing-separator@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
+
+repeat-element@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.2.tgz#ef089a178d1483baae4d93eb98b4f9e4e11d990a"
+
+repeat-string@^1.5.2:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
+
+repeating@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
+  dependencies:
+    is-finite "^1.0.0"
+
+request@2.81.0:
+  version "2.81.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0"
+  dependencies:
+    aws-sign2 "~0.6.0"
+    aws4 "^1.2.1"
+    caseless "~0.12.0"
+    combined-stream "~1.0.5"
+    extend "~3.0.0"
+    forever-agent "~0.6.1"
+    form-data "~2.1.1"
+    har-validator "~4.2.1"
+    hawk "~3.1.3"
+    http-signature "~1.1.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.7"
+    oauth-sign "~0.8.1"
+    performance-now "^0.2.0"
+    qs "~6.4.0"
+    safe-buffer "^5.0.1"
+    stringstream "~0.0.4"
+    tough-cookie "~2.3.0"
+    tunnel-agent "^0.6.0"
+    uuid "^3.0.0"
+
+request@^2.79.0, request@^2.81.0, request@^2.83.0:
+  version "2.83.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.83.0.tgz#ca0b65da02ed62935887808e6f510381034e3356"
+  dependencies:
+    aws-sign2 "~0.7.0"
+    aws4 "^1.6.0"
+    caseless "~0.12.0"
+    combined-stream "~1.0.5"
+    extend "~3.0.1"
+    forever-agent "~0.6.1"
+    form-data "~2.3.1"
+    har-validator "~5.0.3"
+    hawk "~6.0.2"
+    http-signature "~1.2.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.17"
+    oauth-sign "~0.8.2"
+    performance-now "^2.1.0"
+    qs "~6.5.1"
+    safe-buffer "^5.1.1"
+    stringstream "~0.0.5"
+    tough-cookie "~2.3.3"
+    tunnel-agent "^0.6.0"
+    uuid "^3.1.0"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+
+require-from-string@^1.1.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-1.2.1.tgz#529c9ccef27380adfec9a2f965b649bbee636418"
+
+require-main-filename@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
+
+require-uncached@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/require-uncached/-/require-uncached-1.0.3.tgz#4e0d56d6c9662fd31e43011c4b95aa49955421d3"
+  dependencies:
+    caller-path "^0.1.0"
+    resolve-from "^1.0.0"
+
+resolve-from@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226"
+
+resolve@1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
+
+resolve@^1.1.6, resolve@^1.2.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.5.0.tgz#1f09acce796c9a762579f31b2c1cc4c3cddf9f36"
+  dependencies:
+    path-parse "^1.0.5"
+
+restore-cursor@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
+  dependencies:
+    onetime "^2.0.0"
+    signal-exit "^3.0.2"
+
+ret@~0.1.10:
+  version "0.1.15"
+  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
+
+right-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
+  dependencies:
+    align-text "^0.1.1"
+
+rimraf@2, rimraf@^2.2.8, rimraf@^2.5.1, rimraf@^2.6.1:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.2.tgz#2ed8150d24a16ea8651e6d6ef0f47c4158ce7a36"
+  dependencies:
+    glob "^7.0.5"
+
+ripemd160@^2.0.0, ripemd160@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.1.tgz#0f4584295c53a3628af7e6d79aca21ce57d1c6e7"
+  dependencies:
+    hash-base "^2.0.0"
+    inherits "^2.0.1"
+
+rst-selector-parser@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz#81b230ea2fcc6066c89e3472de794285d9b03d91"
+  dependencies:
+    lodash.flattendeep "^4.4.0"
+    nearley "^2.7.10"
+
+run-async@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
+  dependencies:
+    is-promise "^2.1.0"
+
+rx-lite-aggregates@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz#753b87a89a11c95467c4ac1626c4efc4e05c67be"
+  dependencies:
+    rx-lite "*"
+
+rx-lite@*, rx-lite@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
+
+safe-buffer@5.1.1, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
+
+sane@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/sane/-/sane-2.2.0.tgz#d6d2e2fcab00e3d283c93b912b7c3a20846f1d56"
+  dependencies:
+    anymatch "^1.3.0"
+    exec-sh "^0.2.0"
+    fb-watchman "^2.0.0"
+    minimatch "^3.0.2"
+    minimist "^1.1.1"
+    walker "~1.0.5"
+    watch "~0.18.0"
+  optionalDependencies:
+    fsevents "^1.1.1"
+
+sax@^1.2.1, sax@~1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+
+schema-utils@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.3.0.tgz#f5877222ce3e931edae039f17eb3716e7137f8cf"
+  dependencies:
+    ajv "^5.0.0"
+
+"semver@2 || 3 || 4 || 5", semver@^5.3.0:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.4.1.tgz#e059c09d8571f0540823733433505d3a2f00b18e"
+
+send@0.16.1:
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.16.1.tgz#a70e1ca21d1382c11d0d9f6231deb281080d7ab3"
+  dependencies:
+    debug "2.6.9"
+    depd "~1.1.1"
+    destroy "~1.0.4"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "~1.6.2"
+    mime "1.4.1"
+    ms "2.0.0"
+    on-finished "~2.3.0"
+    range-parser "~1.2.0"
+    statuses "~1.3.1"
+
+serve-favicon@^2.4.3, serve-favicon@^2.4.5:
+  version "2.4.5"
+  resolved "https://registry.yarnpkg.com/serve-favicon/-/serve-favicon-2.4.5.tgz#49d9a46863153a9240691c893d2b0e7d85d6d436"
+  dependencies:
+    etag "~1.8.1"
+    fresh "0.5.2"
+    ms "2.0.0"
+    parseurl "~1.3.2"
+    safe-buffer "5.1.1"
+
+serve-static@1.13.1:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.13.1.tgz#4c57d53404a761d8f2e7c1e8a18a47dbf278a719"
+  dependencies:
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    parseurl "~1.3.2"
+    send "0.16.1"
+
+set-blocking@^2.0.0, set-blocking@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+
+set-immediate-shim@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
+
+setimmediate@^1.0.4, setimmediate@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
+
+setprototypeof@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.0.3.tgz#66567e37043eeb4f04d91bd658c0cbefb55b8e04"
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+
+sha.js@^2.4.0, sha.js@^2.4.8:
+  version "2.4.9"
+  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.9.tgz#98f64880474b74f4a38b8da9d3c0f2d104633e7d"
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+shallowequal@0.2.x, shallowequal@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-0.2.2.tgz#1e32fd5bcab6ad688a4812cb0cc04efc75c7014e"
+  dependencies:
+    lodash.keys "^3.1.2"
+
+shebang-command@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
+  dependencies:
+    shebang-regex "^1.0.0"
+
+shebang-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
+
+shelljs@^0.7.7, shelljs@^0.7.8:
+  version "0.7.8"
+  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.7.8.tgz#decbcf874b0d1e5fb72e14b164a9683048e9acb3"
+  dependencies:
+    glob "^7.0.0"
+    interpret "^1.0.0"
+    rechoir "^0.6.2"
+
+shellwords@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
+
+signal-exit@^3.0.0, signal-exit@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
+
+slash@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
+
+slice-ansi@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-1.0.0.tgz#044f1a49d8842ff307aad6b505ed178bd950134d"
+  dependencies:
+    is-fullwidth-code-point "^2.0.0"
+
+sntp@1.x.x:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/sntp/-/sntp-1.0.9.tgz#6541184cc90aeea6c6e7b35e2659082443c66198"
+  dependencies:
+    hoek "2.x.x"
+
+sntp@2.x.x:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/sntp/-/sntp-2.0.2.tgz#5064110f0af85f7cfdb7d6b67a40028ce52b4b2b"
+  dependencies:
+    hoek "4.x.x"
+
+sort-keys@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
+  dependencies:
+    is-plain-obj "^1.0.0"
+
+source-list-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.0.tgz#aaa47403f7b245a92fbc97ea08f250d6087ed085"
+
+source-map-support@^0.4.15:
+  version "0.4.18"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
+  dependencies:
+    source-map "^0.5.6"
+
+source-map@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
+  dependencies:
+    amdefine ">=0.0.4"
+
+source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3, source-map@~0.5.6:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+
+source-map@^0.6.1, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+
+spdx-correct@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-1.0.2.tgz#4b3073d933ff51f3912f03ac5519498a4150db40"
+  dependencies:
+    spdx-license-ids "^1.0.2"
+
+spdx-expression-parse@~1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz#9bdf2f20e1f40ed447fbe273266191fced51626c"
+
+spdx-license-ids@^1.0.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz#c9df7a3424594ade6bd11900d596696dc06bac57"
+
+sprintf-js@~1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+
+sshpk@^1.7.0:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.13.1.tgz#512df6da6287144316dc4c18fe1cf1d940739be3"
+  dependencies:
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    dashdash "^1.12.0"
+    getpass "^0.1.1"
+  optionalDependencies:
+    bcrypt-pbkdf "^1.0.0"
+    ecc-jsbn "~0.1.1"
+    jsbn "~0.1.0"
+    tweetnacl "~0.14.0"
+
+"statuses@>= 1.3.1 < 2":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.4.0.tgz#bb73d446da2796106efcc1b601a253d6c46bd087"
+
+statuses@~1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.3.1.tgz#faf51b9eb74aaef3b3acf4ad5f61abf24cb7b93e"
+
+storybook-addon-a11y@3.1.9:
+  version "3.1.9"
+  resolved "https://registry.yarnpkg.com/storybook-addon-a11y/-/storybook-addon-a11y-3.1.9.tgz#174ef98c132fb7b8eb16687720466bb1670fdf6f"
+  dependencies:
+    "@storybook/react" "^3.0.0"
+    axe-core "^2.0.7"
+    prop-types "^15.5.10"
+
+stream-browserify@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.1.tgz#66266ee5f9bdb9940a4e4514cafb43bb71e5c9db"
+  dependencies:
+    inherits "~2.0.1"
+    readable-stream "^2.0.2"
+
+stream-http@^2.3.1:
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.7.2.tgz#40a050ec8dc3b53b33d9909415c02c0bf1abfbad"
+  dependencies:
+    builtin-status-codes "^3.0.0"
+    inherits "^2.0.1"
+    readable-stream "^2.2.6"
+    to-arraybuffer "^1.0.0"
+    xtend "^4.0.0"
+
+strict-uri-encode@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
+
+string-length@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
+  dependencies:
+    astral-regex "^1.0.0"
+    strip-ansi "^4.0.0"
+
+string-width@^1.0.1, string-width@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
+  dependencies:
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    strip-ansi "^3.0.0"
+
+string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
+  dependencies:
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^4.0.0"
+
+string.prototype.padend@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.0.0.tgz#f3aaef7c1719f170c5eab1c32bf780d96e21f2f0"
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.4.3"
+    function-bind "^1.0.2"
+
+string.prototype.padstart@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.padstart/-/string.prototype.padstart-3.0.0.tgz#5bcfad39f4649bb2d031292e19bcf0b510d4b242"
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.4.3"
+    function-bind "^1.0.2"
+
+string_decoder@^0.10.25:
+  version "0.10.31"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
+
+string_decoder@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab"
+  dependencies:
+    safe-buffer "~5.1.0"
+
+stringstream@~0.0.4, stringstream@~0.0.5:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.5.tgz#4e484cd4de5a0bbbee18e46307710a8a81621878"
+
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+strip-ansi@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
+  dependencies:
+    ansi-regex "^3.0.0"
+
+strip-bom@3.0.0, strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+
+strip-bom@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
+  dependencies:
+    is-utf8 "^0.2.0"
+
+strip-eof@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
+
+strip-json-comments@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
+
+style-loader@^0.17.0:
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.17.0.tgz#e8254bccdb7af74bd58274e36107b4d5ab4df310"
+  dependencies:
+    loader-utils "^1.0.2"
+
+style-loader@^0.18.2:
+  version "0.18.2"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.18.2.tgz#cc31459afbcd6d80b7220ee54b291a9fd66ff5eb"
+  dependencies:
+    loader-utils "^1.0.2"
+    schema-utils "^0.3.0"
+
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+
+supports-color@^3.1.0, supports-color@^3.1.2, supports-color@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
+  dependencies:
+    has-flag "^1.0.0"
+
+supports-color@^4.0.0, supports-color@^4.2.1, supports-color@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.5.0.tgz#be7a0de484dec5c5cddf8b3d59125044912f635b"
+  dependencies:
+    has-flag "^2.0.0"
+
+svg-tag-names@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/svg-tag-names/-/svg-tag-names-1.1.1.tgz#9641b29ef71025ee094c7043f7cdde7d99fbd50a"
+
+svgo@^0.7.0:
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"
+  dependencies:
+    coa "~1.0.1"
+    colors "~1.1.2"
+    csso "~2.3.1"
+    js-yaml "~3.7.0"
+    mkdirp "~0.5.1"
+    sax "~1.2.1"
+    whet.extend "~0.9.9"
+
+symbol-observable@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.4.tgz#29bf615d4aa7121bdd898b22d4b3f9bc4e2aa03d"
+
+symbol-tree@^3.2.1:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
+
+table@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/table/-/table-4.0.2.tgz#a33447375391e766ad34d3486e6e2aedc84d2e36"
+  dependencies:
+    ajv "^5.2.3"
+    ajv-keywords "^2.1.0"
+    chalk "^2.1.0"
+    lodash "^4.17.4"
+    slice-ansi "1.0.0"
+    string-width "^2.1.1"
+
+tapable@^0.2.7, tapable@~0.2.5:
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.8.tgz#99372a5c999bf2df160afc0d74bed4f47948cd22"
+
+tar-pack@^3.4.0:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.4.1.tgz#e1dbc03a9b9d3ba07e896ad027317eb679a10a1f"
+  dependencies:
+    debug "^2.2.0"
+    fstream "^1.0.10"
+    fstream-ignore "^1.0.5"
+    once "^1.3.3"
+    readable-stream "^2.1.4"
+    rimraf "^2.5.1"
+    tar "^2.2.1"
+    uid-number "^0.0.6"
+
+tar@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.1.tgz#8e4d2a256c0e2185c6b18ad694aec968b83cb1d1"
+  dependencies:
+    block-stream "*"
+    fstream "^1.0.2"
+    inherits "2"
+
+test-exclude@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.1.1.tgz#4d84964b0966b0087ecc334a2ce002d3d9341e26"
+  dependencies:
+    arrify "^1.0.1"
+    micromatch "^2.3.11"
+    object-assign "^4.1.0"
+    read-pkg-up "^1.0.1"
+    require-main-filename "^1.0.1"
+
+text-table@~0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+
+throat@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
+
+through@^2.3.6, through@^2.3.8:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+
+time-stamp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-2.0.0.tgz#95c6a44530e15ba8d6f4a3ecb8c3a3fac46da357"
+
+timers-browserify@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.4.tgz#96ca53f4b794a5e7c0e1bd7cc88a372298fa01e6"
+  dependencies:
+    setimmediate "^1.0.4"
+
+tmp@^0.0.33:
+  version "0.0.33"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
+  dependencies:
+    os-tmpdir "~1.0.2"
+
+tmpl@1.0.x:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
+
+to-arraybuffer@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
+
+to-fast-properties@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47"
+
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+
+tough-cookie@^2.3.2, tough-cookie@~2.3.0, tough-cookie@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.3.tgz#0b618a5565b6dea90bf3425d04d55edc475a7561"
+  dependencies:
+    punycode "^1.4.1"
+
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+
+trim-right@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
+
+tryit@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tryit/-/tryit-1.0.3.tgz#393be730a9446fd1ead6da59a014308f36c289cb"
+
+tty-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
+
+type-check@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  dependencies:
+    prelude-ls "~1.1.2"
+
+type-is@~1.6.15:
+  version "1.6.15"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.15.tgz#cab10fb4909e441c82842eafe1ad646c81804410"
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.15"
+
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+
+ua-parser-js@^0.7.9:
+  version "0.7.17"
+  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.17.tgz#e9ec5f9498b9ec910e7ae3ac626a805c4d09ecac"
+
+uglify-js@^2.6, uglify-js@^2.8.27, uglify-js@^2.8.29:
+  version "2.8.29"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
+  dependencies:
+    source-map "~0.5.1"
+    yargs "~3.10.0"
+  optionalDependencies:
+    uglify-to-browserify "~1.0.0"
+
+uglify-to-browserify@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
+
+uglifyjs-webpack-plugin@^0.4.6:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-0.4.6.tgz#b951f4abb6bd617e66f63eb891498e391763e309"
+  dependencies:
+    source-map "^0.5.6"
+    uglify-js "^2.8.29"
+    webpack-sources "^1.0.1"
+
+uid-number@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
+
+underscore@~1.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.4.4.tgz#61a6a32010622afa07963bf325203cf12239d604"
+
+uniq@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
+
+uniqid@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/uniqid/-/uniqid-4.1.1.tgz#89220ddf6b751ae52b5f72484863528596bb84c1"
+  dependencies:
+    macaddress "^0.2.8"
+
+uniqs@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
+
+unique-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
+  dependencies:
+    crypto-random-string "^1.0.0"
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+
+url-loader@^0.5.8:
+  version "0.5.9"
+  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-0.5.9.tgz#cc8fea82c7b906e7777019250869e569e995c295"
+  dependencies:
+    loader-utils "^1.0.2"
+    mime "1.3.x"
+
+url-loader@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-0.6.2.tgz#a007a7109620e9d988d14bce677a1decb9a993f7"
+  dependencies:
+    loader-utils "^1.0.2"
+    mime "^1.4.1"
+    schema-utils "^0.3.0"
+
+url@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
+  dependencies:
+    punycode "1.3.2"
+    querystring "0.2.0"
+
+util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+
+util@0.10.3, util@^0.10.3:
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
+  dependencies:
+    inherits "2.0.1"
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+
+uuid@^3.0.0, uuid@^3.0.1, uuid@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.1.0.tgz#3dd3d3e790abc24d7b0d3a034ffababe28ebbc04"
+
+validate-npm-package-license@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz#2804babe712ad3379459acfbe24746ab2c303fbc"
+  dependencies:
+    spdx-correct "~1.0.0"
+    spdx-expression-parse "~1.0.0"
+
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+
+velocity-animate@^1.4.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/velocity-animate/-/velocity-animate-1.5.0.tgz#fc8771d8dfe1136ff02a707e10fbb0957c4b030f"
+
+velocity-react@^1.3.1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/velocity-react/-/velocity-react-1.3.3.tgz#d6d47276cfc8be2a75623879b20140ac58c1b82b"
+  dependencies:
+    lodash "^3.10.1"
+    prop-types "^15.5.8"
+    react-transition-group "^1.1.2"
+    velocity-animate "^1.4.0"
+
+vendors@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.1.tgz#37ad73c8ee417fb3d580e785312307d274847f22"
+
+verror@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
+  dependencies:
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
+vm-browserify@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-0.0.4.tgz#5d7ea45bbef9e4a6ff65f95438e0a87c357d5a73"
+  dependencies:
+    indexof "0.0.1"
+
+walker@~1.0.5:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
+  dependencies:
+    makeerror "1.0.x"
+
+warning@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/warning/-/warning-3.0.0.tgz#32e5377cb572de4ab04753bdf8821c01ed605b7c"
+  dependencies:
+    loose-envify "^1.0.0"
+
+watch@~0.18.0:
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/watch/-/watch-0.18.0.tgz#28095476c6df7c90c963138990c0a5423eb4b986"
+  dependencies:
+    exec-sh "^0.2.0"
+    minimist "^1.2.0"
+
+watchpack@^1.3.1, watchpack@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.4.0.tgz#4a1472bcbb952bd0a9bb4036801f954dfb39faac"
+  dependencies:
+    async "^2.1.2"
+    chokidar "^1.7.0"
+    graceful-fs "^4.1.2"
+
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+
+webidl-conversions@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
+
+webpack-dev-middleware@^1.10.2, webpack-dev-middleware@^1.12.0:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-1.12.0.tgz#d34efefb2edda7e1d3b5dbe07289513219651709"
+  dependencies:
+    memory-fs "~0.4.1"
+    mime "^1.3.4"
+    path-is-absolute "^1.0.0"
+    range-parser "^1.0.3"
+    time-stamp "^2.0.0"
+
+webpack-hot-middleware@^2.18.0, webpack-hot-middleware@^2.20.0:
+  version "2.20.0"
+  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.20.0.tgz#cb896d837758b6408fe0afeeafdc0e5316b15319"
+  dependencies:
+    ansi-html "0.0.7"
+    html-entities "^1.2.0"
+    querystring "^0.2.0"
+    strip-ansi "^3.0.0"
+
+webpack-sources@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.0.1.tgz#c7356436a4d13123be2e2426a05d1dad9cbe65cf"
+  dependencies:
+    source-list-map "^2.0.0"
+    source-map "~0.5.3"
+
+webpack@^2.5.1:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-2.7.0.tgz#b2a1226804373ffd3d03ea9c6bd525067034f6b1"
+  dependencies:
+    acorn "^5.0.0"
+    acorn-dynamic-import "^2.0.0"
+    ajv "^4.7.0"
+    ajv-keywords "^1.1.1"
+    async "^2.1.2"
+    enhanced-resolve "^3.3.0"
+    interpret "^1.0.0"
+    json-loader "^0.5.4"
+    json5 "^0.5.1"
+    loader-runner "^2.3.0"
+    loader-utils "^0.2.16"
+    memory-fs "~0.4.1"
+    mkdirp "~0.5.0"
+    node-libs-browser "^2.0.0"
+    source-map "^0.5.3"
+    supports-color "^3.1.0"
+    tapable "~0.2.5"
+    uglify-js "^2.8.27"
+    watchpack "^1.3.1"
+    webpack-sources "^1.0.1"
+    yargs "^6.0.0"
+
+webpack@^3.8.1:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-3.8.1.tgz#b16968a81100abe61608b0153c9159ef8bb2bd83"
+  dependencies:
+    acorn "^5.0.0"
+    acorn-dynamic-import "^2.0.0"
+    ajv "^5.1.5"
+    ajv-keywords "^2.0.0"
+    async "^2.1.2"
+    enhanced-resolve "^3.4.0"
+    escope "^3.6.0"
+    interpret "^1.0.0"
+    json-loader "^0.5.4"
+    json5 "^0.5.1"
+    loader-runner "^2.3.0"
+    loader-utils "^1.1.0"
+    memory-fs "~0.4.1"
+    mkdirp "~0.5.0"
+    node-libs-browser "^2.0.0"
+    source-map "^0.5.3"
+    supports-color "^4.2.1"
+    tapable "^0.2.7"
+    uglifyjs-webpack-plugin "^0.4.6"
+    watchpack "^1.4.0"
+    webpack-sources "^1.0.1"
+    yargs "^8.0.2"
+
+whatwg-encoding@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.2.tgz#bd68ad169c3cf55080562257714bf012e668a165"
+  dependencies:
+    iconv-lite "0.4.13"
+
+whatwg-fetch@>=0.10.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84"
+
+whatwg-url@^4.3.0:
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-4.8.0.tgz#d2981aa9148c1e00a41c5a6131166ab4683bbcc0"
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
+whet.extend@~0.9.9:
+  version "0.9.9"
+  resolved "https://registry.yarnpkg.com/whet.extend/-/whet.extend-0.9.9.tgz#f877d5bf648c97e5aa542fadc16d6a259b9c11a1"
+
+which-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
+
+which-module@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
+
+which@^1.2.12, which@^1.2.9:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/which/-/which-1.3.0.tgz#ff04bdfc010ee547d780bec38e1ac1c2777d253a"
+  dependencies:
+    isexe "^2.0.0"
+
+wide-align@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.2.tgz#571e0f1b0604636ebc0dfc21b0339bbe31341710"
+  dependencies:
+    string-width "^1.0.2"
+
+window-size@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
+
+wordwrap@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
+
+wordwrap@~0.0.2:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
+
+wordwrap@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+
+worker-farm@^1.3.1:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.5.0.tgz#adfdf0cd40581465ed0a1f648f9735722afd5c8d"
+  dependencies:
+    errno "^0.1.4"
+    xtend "^4.0.1"
+
+wrap-ansi@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+
+write-file-atomic@^2.0.0, write-file-atomic@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.3.0.tgz#1ff61575c2e2a4e8e510d6fa4e243cce183999ab"
+  dependencies:
+    graceful-fs "^4.1.11"
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.2"
+
+write@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757"
+  dependencies:
+    mkdirp "^0.5.1"
+
+xdg-basedir@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
+
+xml-name-validator@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-2.0.1.tgz#4d8b8f1eccd3419aa362061becef515e1e559635"
+
+xtend@^4.0.0, xtend@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
+
+y18n@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
+
+yallist@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
+
+yargs-parser@^4.2.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c"
+  dependencies:
+    camelcase "^3.0.0"
+
+yargs-parser@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"
+  dependencies:
+    camelcase "^4.1.0"
+
+yargs@^6.0.0:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
+  dependencies:
+    camelcase "^3.0.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^1.4.0"
+    read-pkg-up "^1.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^1.0.2"
+    which-module "^1.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^4.2.0"
+
+yargs@^8.0.2:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-8.0.2.tgz#6299a9055b1cefc969ff7e79c1d918dceb22c360"
+  dependencies:
+    camelcase "^4.1.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^2.0.0"
+    read-pkg-up "^2.0.0"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^2.0.0"
+    which-module "^2.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^7.0.0"
+
+yargs@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-9.0.1.tgz#52acc23feecac34042078ee78c0c007f5085db4c"
+  dependencies:
+    camelcase "^4.1.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^2.0.0"
+    read-pkg-up "^2.0.0"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^2.0.0"
+    which-module "^2.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^7.0.0"
+
+yargs@~3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
+  dependencies:
+    camelcase "^1.0.2"
+    cliui "^2.1.0"
+    decamelize "^1.0.0"
+    window-size "0.1.0"