@rocketsofawesome/mirage/build/index.js

[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)

(function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, {
/******/ 				configurable: false,
/******/ 				enumerable: true,
/******/ 				get: getter
/******/ 			});
/******/ 		}
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "/mirage/";
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 44);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {

module.exports = require("prop-types");

/***/ }),
/* 1 */
/***/ (function(module, exports) {

module.exports = require("styled-components");

/***/ }),
/* 2 */
/***/ (function(module, exports) {

module.exports = require("react");

/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _core = __webpack_require__(49);

Object.keys(_core).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _core[key];
    }
  });
});

var _components = __webpack_require__(163);

Object.keys(_components).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _components[key];
    }
  });
});

var _modules = __webpack_require__(306);

Object.keys(_modules).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _modules[key];
    }
  });
});

var _templates = __webpack_require__(402);

Object.keys(_templates).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _templates[key];
    }
  });
});

var _services = __webpack_require__(406);

Object.keys(_services).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _services[key];
    }
  });
});

var _utils = __webpack_require__(407);

Object.keys(_utils).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _utils[key];
    }
  });
});

/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _cloudinaryCore = __webpack_require__(184);

var REACT_APP_CLOUDINARY_DISTRIBUTION = "d2lknnt52h7uhg.cloudfront.net";


var configureCloudinary = function configureCloudinary() {
  var cl = new _cloudinaryCore.Cloudinary({
    cloud_name: 'roa-canon',
    secure_distribution: REACT_APP_CLOUDINARY_DISTRIBUTION,
    secure: true
  });
  return cl;
};

var instance = configureCloudinary();

exports.default = instance;

/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var BaseCardIcon = function BaseCardIcon(_ref) {
  var className = _ref.className,
      children = _ref.children,
      box = _ref.box;

  return _react2.default.createElement(
    'svg',
    { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: box },
    children
  );
};

BaseCardIcon.propTypes = {
  box: _propTypes2.default.string,
  className: _propTypes2.default.string,
  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
};

exports.default = BaseCardIcon;

/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var BasePressIcon = function BasePressIcon(_ref) {
  var className = _ref.className,
      children = _ref.children,
      box = _ref.box,
      props = _objectWithoutProperties(_ref, ['className', 'children', 'box']);

  return _react2.default.createElement(
    'svg',
    { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: box, onClick: props.onClick },
    children
  );
};

BasePressIcon.propTypes = {
  box: _propTypes2.default.string,
  className: _propTypes2.default.string,
  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
};

exports.default = BasePressIcon;

/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ROATheme = exports.theme = undefined;

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _theme = __webpack_require__(60);

var _theme2 = _interopRequireDefault(_theme);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ROATheme = function (_Component) {
  _inherits(ROATheme, _Component);

  function ROATheme() {
    _classCallCheck(this, ROATheme);

    return _possibleConstructorReturn(this, (ROATheme.__proto__ || Object.getPrototypeOf(ROATheme)).apply(this, arguments));
  }

  _createClass(ROATheme, [{
    key: 'render',
    value: function render() {
      return _react2.default.createElement(
        _styledComponents.ThemeProvider,
        Object.assign({ theme: _theme2.default }, this.props),
        this.props.children
      );
    }
  }]);

  return ROATheme;
}(_react.Component);

exports.default = ROATheme;


ROATheme.propTypes = {
  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]).isRequired
};

exports.theme = _theme2.default;
exports.ROATheme = ROATheme;

/***/ }),
/* 8 */
/***/ (function(module, exports) {

module.exports = require("classnames");

/***/ }),
/* 9 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.styles = exports.LowercaseLabel = undefined;

var _templateObject = _taggedTemplateLiteral(['\n  text-align: ', ';\n  margin-bottom: 0;\n  letter-spacing: ', ';\n  text-transform: ', ';\n\n\n  font-family: ', ';\n  font-size: ', ';\n  font-weight: ', ';\n'], ['\n  text-align: ', ';\n  margin-bottom: 0;\n  letter-spacing: ', ';\n  text-transform: ', ';\n\n\n  font-family: ', ';\n  font-size: ', ';\n  font-weight: ', ';\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  ', '\n\n  color: ', '\n'], ['\n  ', '\n\n  color: ', '\n']);

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var styles = (0, _styledComponents.css)(_templateObject, function (props) {
  return props.alignRight ? 'right' : 'left';
}, function (props) {
  return props.letterSpacing;
}, function (props) {
  return props.lowercase ? 'inherit' : 'uppercase';
}, function (props) {
  return props.theme.fonts.primaryFont;
}, function (props) {
  return props.fontSize;
}, function (props) {
  return props.fontWeight;
});

var Label = _styledComponents2.default.label(_templateObject2, styles, function (props) {
  return props.theme.colors.navy;
});

var LowercaseLabel = function LowercaseLabel(_ref) {
  var className = _ref.className,
      children = _ref.children;

  return _react2.default.createElement(
    Label,
    {
      className: className,
      fontSize: '2rem',
      letterSpacing: 'normal',
      fontWeight: 'normal',
      lowercase: true },
    children
  );
};

Label.propTypes = {
  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
  theme: _propTypes2.default.shape({
    fonts: _propTypes2.default.shape({
      primaryFont: _propTypes2.default.string
    }),
    colors: _propTypes2.default.shape({
      navy: _propTypes2.default.string
    })
  }),
  lowercase: _propTypes2.default.bool
};

Label.defaultProps = {
  letterSpacing: '.1rem',
  fontSize: '1.4rem',
  fontWeight: '500'

  /** @component */
};exports.default = Label;
exports.LowercaseLabel = LowercaseLabel;
exports.styles = styles;

/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _BlueCheckmark = __webpack_require__(105);

Object.defineProperty(exports, 'BlueCheckmark', {
  enumerable: true,
  get: function get() {
    return _interopRequireDefault(_BlueCheckmark).default;
  }
});

var _GrayCheckmark = __webpack_require__(106);

Object.defineProperty(exports, 'GrayCheckmark', {
  enumerable: true,
  get: function get() {
    return _interopRequireDefault(_GrayCheckmark).default;
  }
});

var _NavyCheckmark = __webpack_require__(107);

Object.defineProperty(exports, 'NavyCheckmark', {
  enumerable: true,
  get: function get() {
    return _interopRequireDefault(_NavyCheckmark).default;
  }
});

var _WhiteCheckmark = __webpack_require__(108);

Object.defineProperty(exports, 'WhiteCheckmark', {
  enumerable: true,
  get: function get() {
    return _interopRequireDefault(_WhiteCheckmark).default;
  }
});

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _BlueSpinner = __webpack_require__(129);

Object.defineProperty(exports, 'BlueSpinner', {
  enumerable: true,
  get: function get() {
    return _interopRequireDefault(_BlueSpinner).default;
  }
});

var _GraySpinner = __webpack_require__(130);

Object.defineProperty(exports, 'GraySpinner', {
  enumerable: true,
  get: function get() {
    return _interopRequireDefault(_GraySpinner).default;
  }
});

var _NavySpinner = __webpack_require__(131);

Object.defineProperty(exports, 'NavySpinner', {
  enumerable: true,
  get: function get() {
    return _interopRequireDefault(_NavySpinner).default;
  }
});

var _WhiteSpinner = __webpack_require__(132);

Object.defineProperty(exports, 'WhiteSpinner', {
  enumerable: true,
  get: function get() {
    return _interopRequireDefault(_WhiteSpinner).default;
  }
});

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/***/ }),
/* 12 */
/***/ (function(module, exports) {

module.exports = require("react-transition-group");

/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.waitCursor = exports.setWidth = exports.setCursor = exports.pointerCursor = exports.notAllowedCursor = exports.CustomButton = exports.buttonPropCheck = undefined;

var _templateObject = _taggedTemplateLiteral(['\n  width: ', ';\n'], ['\n  width: ', ';\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  cursor: pointer;\n  > * {\n    cursor: pointer;\n  }\n'], ['\n  cursor: pointer;\n  > * {\n    cursor: pointer;\n  }\n']),
    _templateObject3 = _taggedTemplateLiteral(['\n  cursor: wait;\n  > * {\n    cursor: wait;\n  }\n'], ['\n  cursor: wait;\n  > * {\n    cursor: wait;\n  }\n']),
    _templateObject4 = _taggedTemplateLiteral(['\n  cursor: not-allowed;\n  > * {\n    cursor: not-allowed;\n  }\n'], ['\n  cursor: not-allowed;\n  > * {\n    cursor: not-allowed;\n  }\n']),
    _templateObject5 = _taggedTemplateLiteral(['\n  ', '\n  ', '\n  ', '\n'], ['\n  ', '\n  ', '\n  ', '\n']),
    _templateObject6 = _taggedTemplateLiteral(['\n  box-sizing: border-box;\n  height: 50px;\n  ', '\n  padding: 0 01.5rem;\n\n  text-align: center;\n\n  letter-spacing: 1px;\n  ', '\n\n  border-radius: .2rem;\n\n  font-family: ', ';\n  font-size: 1.4rem;\n  font-weight: 500;\n\n  transition:\n    background-color 0.25s ease-in,\n    border-color 0.25s ease-in,\n    color 0.25s ease-in;\n\n  ', ' {\n    display: inline-block;\n  }\n\n  :hover {\n    ', '\n  }\n\n  :focus {\n    outline: 0;\n  },\n\n  :active {\n    border-style: solid;\n    transform: translateX(.2rem);\n  }\n  > span {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    > * {\n      vertical-align: middle;\n    }\n  }\n'], ['\n  box-sizing: border-box;\n  height: 50px;\n  ', '\n  padding: 0 01.5rem;\n\n  text-align: center;\n\n  letter-spacing: 1px;\n  ', '\n\n  border-radius: .2rem;\n\n  font-family: ', ';\n  font-size: 1.4rem;\n  font-weight: 500;\n\n  transition:\n    background-color 0.25s ease-in,\n    border-color 0.25s ease-in,\n    color 0.25s ease-in;\n\n  ', ' {\n    display: inline-block;\n  }\n\n  :hover {\n    ', '\n  }\n\n  :focus {\n    outline: 0;\n  },\n\n  :active {\n    border-style: solid;\n    transform: translateX(.2rem);\n  }\n  > span {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    > * {\n      vertical-align: middle;\n    }\n  }\n']);

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var CustomButton = function CustomButton(_ref) {
  var Checkmark = _ref.checkmark,
      children = _ref.children,
      loading = _ref.loading,
      selected = _ref.selected,
      showCheckmark = _ref.showCheckmark,
      Spinner = _ref.spinner,
      props = _objectWithoutProperties(_ref, ['checkmark', 'children', 'loading', 'selected', 'showCheckmark', 'spinner']);

  delete props.width;
  delete props.sentanceCase;
  return _react2.default.createElement(
    'button',
    props,
    _react2.default.createElement(
      'span',
      null,
      selected && showCheckmark && Checkmark && _react2.default.createElement(Checkmark, null),
      !loading && children,
      loading && _react2.default.createElement(Spinner, { size: '4rem' })
    )
  );
};

var setWidth = (0, _styledComponents.css)(_templateObject, function (props) {
  return props.width;
});

var pointerCursor = (0, _styledComponents.css)(_templateObject2);

var waitCursor = (0, _styledComponents.css)(_templateObject3);

var notAllowedCursor = (0, _styledComponents.css)(_templateObject4);

var setCursor = (0, _styledComponents.css)(_templateObject5, function (props) {
  return !props.loading && !props.disabled && pointerCursor;
}, function (props) {
  return props.loading && waitCursor;
}, function (props) {
  return props.disabled && notAllowedCursor;
});

var BaseButton = (0, _styledComponents2.default)(CustomButton)(_templateObject6, function (props) {
  return props.width && setWidth;
}, function (props) {
  return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
}, function (props) {
  return props.theme.fonts.primaryFont;
}, function (props) {
  return props.spinner;
}, function (props) {
  return setCursor;
});

var buttonPropCheck = function buttonPropCheck(props, propName, componentName) {
  if (props.disabled && props.loading) {
    return new Error('You have both the disabled and loading props set in ' + componentName + ', please only set one or neither of these props at a time.');
  }
  return null;
};

BaseButton.propTypes = {
  buttonPropCheck: buttonPropCheck,
  checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]),
  sentanceCase: _propTypes2.default.bool,
  spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]),
  width: _propTypes2.default.string
};

exports.default = BaseButton;
exports.buttonPropCheck = buttonPropCheck;
exports.CustomButton = CustomButton;
exports.notAllowedCursor = notAllowedCursor;
exports.pointerCursor = pointerCursor;
exports.setCursor = setCursor;
exports.setWidth = setWidth;
exports.waitCursor = waitCursor;

/***/ }),
/* 14 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AIcon = undefined;

var _templateObject = _taggedTemplateLiteral(['\n  width: ', ';\n'], ['\n  width: ', ';\n']);

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var AIcon = function AIcon(props) {
  return _react2.default.createElement(
    'svg',
    Object.assign({ viewBox: '0 0 80 80' }, props),
    _react2.default.createElement('path', { d: 'M57.5,64.6V40.1c0-9.4,0.1-14.8-4.7-19.5c-7.2-7-18.5-7-25.6,0c-4.8,4.8-4.8,10.2-4.8,19.5v24.5h7.4V50.3h20.2 v14.4H57.5z M29.9,43.6V40c0-9.8,0.5-12.5,2.8-15.1c3.9-4,10.5-4,14.5,0l0,0C49.6,27.6,50,30.3,50,40v3.5H29.9z' })
  );
};

var BaseAIcon = (0, _styledComponents2.default)(AIcon)(_templateObject, function (props) {
  return props.width;
});

BaseAIcon.propTypes = {
  width: _propTypes2.default.string.isRequired
};

BaseAIcon.defaultProps = {
  width: '9.2rem'

  /** @component */
};exports.default = BaseAIcon;
exports.AIcon = AIcon;

/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.animateCheckmarkIn = exports.UnstyledCheckmark = undefined;

var _templateObject = _taggedTemplateLiteral(['\n    0% {\n      width: 0;\n      stroke-dashoffset: 15;\n      stroke: transparent;\n    }\n    50% {\n      width: ', ';\n      stroke-dashoffset: 15;\n      stroke: ', ';\n    }\n    100% {\n      width: ', ';\n      transform: scaleX(1);\n      stroke-dashoffset: 0;\n    }\n  '], ['\n    0% {\n      width: 0;\n      stroke-dashoffset: 15;\n      stroke: transparent;\n    }\n    50% {\n      width: ', ';\n      stroke-dashoffset: 15;\n      stroke: ', ';\n    }\n    100% {\n      width: ', ';\n      transform: scaleX(1);\n      stroke-dashoffset: 0;\n    }\n  ']),
    _templateObject2 = _taggedTemplateLiteral(['\n  width: ', ';\n  fill: none;\n  stroke-width: 2;\n  > polyline {\n    stroke-linecap: round;\n    stroke-dasharray: 16;\n    stroke-dashoffset: 0;\n    animation-name: ', ';\n    animation-duration: 0.5s\n  }\n'], ['\n  width: ', ';\n  fill: none;\n  stroke-width: 2;\n  > polyline {\n    stroke-linecap: round;\n    stroke-dasharray: 16;\n    stroke-dashoffset: 0;\n    animation-name: ', ';\n    animation-duration: 0.5s\n  }\n']);

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var UnstyledCheckmark = exports.UnstyledCheckmark = function UnstyledCheckmark(props) {
  return _react2.default.createElement(
    'svg',
    Object.assign({}, props, { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 26.5 26.5' }),
    _react2.default.createElement('polyline', { points: '7,14 11,17.7 18.6,9.5' })
  );
};

var animateCheckmarkIn = exports.animateCheckmarkIn = function animateCheckmarkIn(props) {
  return (0, _styledComponents.keyframes)(_templateObject, props.width, props.stroke, props.width);
};

var Checkmark = (0, _styledComponents2.default)(UnstyledCheckmark)(_templateObject2, function (props) {
  return props.width;
}, function (props) {
  return animateCheckmarkIn;
});

Checkmark.propTypes = {
  stroke: _propTypes2.default.string,
  width: _propTypes2.default.string
};

Checkmark.defaultProps = {
  width: '2.6rem'

  /** @component */
};exports.default = Checkmark;

/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.UnstyledHamburger = exports.open = exports.closed = exports.animated = undefined;

var _templateObject = _taggedTemplateLiteral(['\n  0% {\n    stroke-dashoffset: 0;\n  }\n  100% {\n    stroke-dashoffset: -322;\n  }\n'], ['\n  0% {\n    stroke-dashoffset: 0;\n  }\n  100% {\n    stroke-dashoffset: -322;\n  }\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  0% {\n    stroke-dashoffset: -322;\n  }\n  100% {\n    stroke-dashoffset: 0;\n  }\n'], ['\n  0% {\n    stroke-dashoffset: -322;\n  }\n  100% {\n    stroke-dashoffset: 0;\n  }\n']),
    _templateObject3 = _taggedTemplateLiteral(['\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n'], ['\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n']),
    _templateObject4 = _taggedTemplateLiteral(['\n  100% {\n    opacity: 1;\n  }\n  0% {\n    opacity: 0;\n  }\n'], ['\n  100% {\n    opacity: 1;\n  }\n  0% {\n    opacity: 0;\n  }\n']),
    _templateObject5 = _taggedTemplateLiteral(['\n  33.3333333333%, 66.6666666666% {\n    opacity: 0;\n  }\n  0%, 100% {\n    opacity: 1;\n  }\n'], ['\n  33.3333333333%, 66.6666666666% {\n    opacity: 0;\n  }\n  0%, 100% {\n    opacity: 1;\n  }\n']),
    _templateObject6 = _taggedTemplateLiteral(['\n  0%, 100% {\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dashoffset: -322;\n  }\n'], ['\n  0%, 100% {\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dashoffset: -322;\n  }\n']),
    _templateObject7 = _taggedTemplateLiteral(['\n  .line {\n    stroke-dashoffset: 0;\n  }\n  .hamburger-outerline {\n    animation: ', ' 2s ease-in-out infinite;\n  }\n  .hamburger-innerline {\n    animation: ', ' 2s ease-in-out infinite;\n  }\n'], ['\n  .line {\n    stroke-dashoffset: 0;\n  }\n  .hamburger-outerline {\n    animation: ', ' 2s ease-in-out infinite;\n  }\n  .hamburger-innerline {\n    animation: ', ' 2s ease-in-out infinite;\n  }\n']),
    _templateObject8 = _taggedTemplateLiteral(['\n  .line {\n    stroke-dashoffset: 0;\n  }\n  .hamburger-outerline {\n    animation: ', ' 1s ease-in-out;\n  }\n  .hamburger-innerline {\n    animation: ', ' 1s ease-in-out;\n  }\n'], ['\n  .line {\n    stroke-dashoffset: 0;\n  }\n  .hamburger-outerline {\n    animation: ', ' 1s ease-in-out;\n  }\n  .hamburger-innerline {\n    animation: ', ' 1s ease-in-out;\n  }\n']),
    _templateObject9 = _taggedTemplateLiteral(['\n  .hamburger-outerline {\n    animation: ', ' 1s ease-in-out;\n    stroke-dashoffset: -322;\n  }\n  .hamburger-innerline {\n    animation: ', ' 1s ease-in-out;\n    stroke-dashoffset: 125;\n  }\n'], ['\n  .hamburger-outerline {\n    animation: ', ' 1s ease-in-out;\n    stroke-dashoffset: -322;\n  }\n  .hamburger-innerline {\n    animation: ', ' 1s ease-in-out;\n    stroke-dashoffset: 125;\n  }\n']),
    _templateObject10 = _taggedTemplateLiteral(['\n  width: 4.8rem;\n  height: 4.8rem;\n  max-width: 100%;\n  max-height: 100%;\n  cursor: pointer;\n\n.line {\n  fill:none;\n  stroke-linecap:round;\n  stroke-miterlimit:10;\n  stroke-width: 8;\n}\n\n//Closed\n', '\n\n//Open\n', '\n\n//Animated\n', '\n\n\n.hamburger-innerline {\n  stroke-dasharray:125;\n}\n.hamburger-outerline {\n  stroke-dasharray:100 322;\n}\n'], ['\n  width: 4.8rem;\n  height: 4.8rem;\n  max-width: 100%;\n  max-height: 100%;\n  cursor: pointer;\n\n.line {\n  fill:none;\n  stroke-linecap:round;\n  stroke-miterlimit:10;\n  stroke-width: 8;\n}\n\n//Closed\n', '\n\n//Open\n', '\n\n//Animated\n', '\n\n\n.hamburger-innerline {\n  stroke-dasharray:125;\n}\n.hamburger-outerline {\n  stroke-dasharray:100 322;\n}\n']);

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var topPoints = 'M2,74.21H102c51.54,1.7,72.86-35.69,59.31-58.6S93.4-3.52,\n89.36,69.35L18.64,140.06';
var bottomPoints = 'M2,138.79H102c51.54-1.7,72.86,35.69,59.31,58.6s-67.91,\n19.13-72-53.74L18.64,72.94';

var UnstyledHamburger = function UnstyledHamburger(_ref) {
  var className = _ref.className,
      props = _objectWithoutProperties(_ref, ['className']);

  delete props.animated;
  return _react2.default.createElement(
    'svg',
    Object.assign({
      className: className,
      xmlns: 'http://www.w3.org/2000/svg',
      viewBox: '0 0 167.29 210.66'
    }, props),
    _react2.default.createElement('path', {
      className: 'line hamburger-outerline',
      d: topPoints }),
    _react2.default.createElement('line', {
      className: 'line hamburger-innerline',
      x1: '2',
      y1: '105.54',
      x2: '102',
      y2: '105.54' }),
    _react2.default.createElement('path', {
      className: 'line hamburger-outerline',
      d: bottomPoints })
  );
};

var animateToX = (0, _styledComponents.keyframes)(_templateObject);

var animateFromX = (0, _styledComponents.keyframes)(_templateObject2);

var removeCenterLine = (0, _styledComponents.keyframes)(_templateObject3);

var addCenterLine = (0, _styledComponents.keyframes)(_templateObject4);

var animateCenterLine = (0, _styledComponents.keyframes)(_templateObject5);

var animateX = (0, _styledComponents.keyframes)(_templateObject6);

var animated = (0, _styledComponents.css)(_templateObject7, animateX, animateCenterLine);

var closed = (0, _styledComponents.css)(_templateObject8, animateFromX, addCenterLine);

var open = (0, _styledComponents.css)(_templateObject9, animateToX, removeCenterLine);

var BaseHamburger = (0, _styledComponents2.default)(UnstyledHamburger)(_templateObject10, function (props) {
  return !props.open && props.open !== undefined && closed;
}, function (props) {
  return props.open && open;
}, function (props) {
  return props.animated && animated;
});

BaseHamburger.propTypes = {
  animated: _propTypes2.default.bool,
  open: _propTypes2.default.bool,
  theme: _propTypes2.default.shape({
    colors: _propTypes2.default.shape({
      navy: _propTypes2.default.string,
      rocketBlue: _propTypes2.default.string,
      white: _propTypes2.default.string
    })
  })

  /** @component */
};exports.default = BaseHamburger;
exports.animated = animated;
exports.closed = closed;
exports.open = open;
exports.UnstyledHamburger = UnstyledHamburger;

/***/ }),
/* 17 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.UnstyledBaseLogo = undefined;

var _templateObject = _taggedTemplateLiteral(['\n  0% {\n    transform: translateY(0px);\n  }\n  25% {\n    transform: translateY(-10px);\n  }\n  50% {\n    transform: translateY(0px);\n  }\n  75% {\n    transform: translateY(10px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n'], ['\n  0% {\n    transform: translateY(0px);\n  }\n  25% {\n    transform: translateY(-10px);\n  }\n  50% {\n    transform: translateY(0px);\n  }\n  75% {\n    transform: translateY(10px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  > * {\n    animation-name: ', ';\n    animation-duration: 3s;\n    animation-iteration-count: infinite;\n    transform-origin: center;\n    &:nth-child(1) {\n      animation-delay: -2.8125s;\n    }\n    &:nth-child(2) {\n      animation-delay: -2.625s;\n    }\n    &:nth-child(3) {\n      animation-delay: -2.4375s;\n    }\n    &:nth-child(4) {\n      animation-delay: -2.25s;\n    }\n    &:nth-child(5) {\n      animation-delay: -2.0625s;\n    }\n    &:nth-child(6) {\n      animation-delay: -1.875s;\n    }\n    &:nth-child(7) {\n      animation-delay: -1.6875s;\n    }\n    &:nth-child(8) {\n      animation-delay: -1.5s;\n    }\n    &:nth-child(9) {\n      animation-delay: -1.3125s;\n    }\n    &:nth-child(10) {\n      animation-delay: -1.125s;\n    }\n    &:nth-child(11) {\n      animation-delay: -0.9375s;\n    }\n    &:nth-child(12) {\n      animation-delay: -0.75s;\n    }\n    &:nth-child(13) {\n      animation-delay: -0.5625s;\n    }\n    &:nth-child(14) {\n      animation-delay: -0.375s;\n    }\n    &:nth-child(15) {\n      animation-delay: -0.1875s;\n    }\n    &:nth-child(16) {\n      animation-delay: 0s;\n    }\n  }\n'], ['\n  > * {\n    animation-name: ', ';\n    animation-duration: 3s;\n    animation-iteration-count: infinite;\n    transform-origin: center;\n    &:nth-child(1) {\n      animation-delay: -2.8125s;\n    }\n    &:nth-child(2) {\n      animation-delay: -2.625s;\n    }\n    &:nth-child(3) {\n      animation-delay: -2.4375s;\n    }\n    &:nth-child(4) {\n      animation-delay: -2.25s;\n    }\n    &:nth-child(5) {\n      animation-delay: -2.0625s;\n    }\n    &:nth-child(6) {\n      animation-delay: -1.875s;\n    }\n    &:nth-child(7) {\n      animation-delay: -1.6875s;\n    }\n    &:nth-child(8) {\n      animation-delay: -1.5s;\n    }\n    &:nth-child(9) {\n      animation-delay: -1.3125s;\n    }\n    &:nth-child(10) {\n      animation-delay: -1.125s;\n    }\n    &:nth-child(11) {\n      animation-delay: -0.9375s;\n    }\n    &:nth-child(12) {\n      animation-delay: -0.75s;\n    }\n    &:nth-child(13) {\n      animation-delay: -0.5625s;\n    }\n    &:nth-child(14) {\n      animation-delay: -0.375s;\n    }\n    &:nth-child(15) {\n      animation-delay: -0.1875s;\n    }\n    &:nth-child(16) {\n      animation-delay: 0s;\n    }\n  }\n']),
    _templateObject3 = _taggedTemplateLiteral(['\n  width: 168px;\n\n  ', '\n\n  ', '\n\n  max-width: ', ';\n  ', '\n'], ['\n  width: 168px;\n\n  ', '\n\n  ', '\n\n  max-width: ', ';\n  ', '\n']),
    _templateObject4 = _taggedTemplateLiteral(['\n    width: 215px;\n  '], ['\n    width: 215px;\n  ']),
    _templateObject5 = _taggedTemplateLiteral(['\n    width: 100%;\n  '], ['\n    width: 100%;\n  ']);

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var UnstyledBaseLogo = function UnstyledBaseLogo(_ref) {
  var className = _ref.className,
      props = _objectWithoutProperties(_ref, ['className']);

  delete props.animated;
  delete props.maxWidth;
  return _react2.default.createElement(
    'svg',
    Object.assign({ className: className, viewBox: '0 0 492 60' }, props),
    _react2.default.createElement('path', { className: 'letter letter-r', d: 'M52.6,39.4l-4.1-8.1h-3.6v8.1H42V20.2h7.5c3.6,0,6,2.4,6,5.6c0.1,2.4-1.5,4.5-3.8,5.1l4.4,8.5L52.6,39.4z M49.2,22.8h-4.3v6h4.3c2,0,3.3-1.1,3.3-3C52.5,24,51.2,22.8,49.2,22.8z' }),
    _react2.default.createElement('path', { className: 'letter letter-o', d: 'M78,37.7c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.8-4-1.8-7.7c0-3.7,0-5.8,1.8-7.8c2.8-2.8,7.3-2.8,10.1,0 c1.9,1.9,1.8,4,1.8,7.7S79.8,35.8,78,37.7z M75.7,24c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.2,2.1-1.2,6s0.2,5,1.2,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S76.7,25.1,75.7,24z' }),
    _react2.default.createElement('path', { className: 'letter letter-c', d: 'M104.1,26.1h-3c-0.1-0.8-0.4-1.5-1-2.1c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.2,2.1-1.2,6s0.2,5,1.2,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c0.6-0.6,0.9-1.3,1-2.1h3c-0.2,1.6-0.6,2.8-1.7,3.9c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.9-4-1.9-7.7 s0-5.8,1.9-7.7c2.8-2.8,7.3-2.8,10.1,0C103.5,23.4,103.9,24.6,104.1,26.1' }),
    _react2.default.createElement('path', { className: 'letter letter-k', d: 'M126.5,39.6l-5.4-9.5l-3.2,3.9v5.6h-2.9V20.4h2.9V30l7.9-9.7h3.6l-6.2,7.6l6.9,11.7H126.5z' }),
    _react2.default.createElement('polygon', { className: 'letter letter-e', points: '142.9,23.1 152.3,23.1 152.3,20.5 140,20.5 140,20.5 140,39.7 142.6,39.7 152.3,39.7 152.3,37.1 142.9,37.1 142.9,31.4 151.4,31.4 151.4,28.8 142.9,28.8 142.9,28.7' }),
    _react2.default.createElement('polygon', { className: 'letter letter-t', points: '162.3,20.4 162.3,23.1 167.7,23.1 167.7,39.7 170.5,39.7 170.5,23.1 175.8,23.1 175.8,20.4' }),
    _react2.default.createElement('path', { className: 'letter letter-s', d: 'M191.6,39.8c-2.9,0-5-0.7-6.8-2.6l2-1.9c1.4,1.4,3,1.8,4.9,1.8c2.5,0,4-1.1,4-3c0-0.8-0.2-1.5-0.8-2 c-0.5-0.4-1-0.6-2.1-0.8l-2.3-0.4c-1.4-0.1-2.6-0.7-3.6-1.6c-1-0.9-1.4-2.1-1.4-3.7c0-3.3,2.4-5.6,6.4-5.6c2.6,0,4.3,0.6,6,2.2 l-1.9,1.8c-1.2-1.1-2.6-1.5-4.2-1.5c-2.3,0-3.5,1.3-3.5,3c0,0.7,0.2,1.3,0.7,1.8c0.6,0.5,1.4,0.8,2.2,0.9l2.2,0.3 c1.8,0.3,2.8,0.7,3.6,1.4c1,0.9,1.6,2.3,1.6,4C198.5,37.7,195.6,39.8,191.6,39.8z' }),
    _react2.default.createElement('path', { className: 'letter letter-o', d: 'M234.3,37.7c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.9-4-1.9-7.7s0-5.8,1.9-7.7c2.8-2.8,7.3-2.8,10.1,0 c1.9,1.9,1.8,4,1.8,7.7S236.2,35.8,234.3,37.7z M232.1,24c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.1,2.1-1.1,6s0.2,5,1.1,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S233,25.1,232.1,24z' }),
    _react2.default.createElement('polygon', { className: 'letter letter-f', points: '250.3,31.4 258.8,31.4 258.8,28.7 250.3,28.7 250.3,23.1 259.7,23.1 259.7,20.4 247.4,20.4 247.4,39.7 250.3,39.7' }),
    _react2.default.createElement('path', { className: 'letter letter-a', d: 'M296.6,39.7V30c0-3.7,0-5.8-1.8-7.7c-2.8-2.8-7.3-2.8-10.1,0c-1.9,1.9-1.9,4-1.9,7.7v9.7h2.9V34h8v5.7 C293.6,39.7,296.6,39.7,296.6,39.7z M285.6,31.4V30c0-3.9,0.2-5,1.1-6c1.6-1.6,4.2-1.6,5.7,0l0,0c1,1,1.1,2.1,1.1,6v1.4H285.6z' }),
    _react2.default.createElement('path', { className: 'letter letter-w', d: 'M322.5,39.7H320l-3.9-13.5l-3.9,13.5h-2.6l-5-19.3h3.1l3.4,13.7l3.9-13.7h2.4l3.9,13.7l3.4-13.7h3.1L322.5,39.7 z' }),
    _react2.default.createElement('polygon', { className: 'letter letter-e', points: '340.6,23.1 350,23.1 350,20.4 337.7,20.4 337.7,20.5 337.7,39.7 340.3,39.7 350,39.7 350,37 340.6,37 340.6,31.4 349.1,31.4 349.1,28.7 340.6,28.7 340.6,28.7' }),
    _react2.default.createElement('path', { className: 'letter letter-s', d: 'M366.4,39.8c-2.9,0-5-0.7-6.8-2.6l2-1.9c1.4,1.4,3,1.8,4.9,1.8c2.5,0,4-1.1,4-3c0-0.8-0.2-1.5-0.8-2 c-0.5-0.4-1-0.6-2.1-0.8l-2.3-0.3c-1.4-0.1-2.6-0.7-3.6-1.6c-1-0.9-1.4-2.1-1.4-3.7c0-3.4,2.4-5.6,6.4-5.6c2.6,0,4.3,0.6,6,2.2 l-1.9,1.8c-1.2-1.1-2.6-1.5-4.2-1.5c-2.3,0-3.5,1.3-3.5,3c0,0.7,0.2,1.3,0.7,1.8c0.6,0.5,1.4,0.8,2.2,0.9l2.2,0.3 c1.8,0.3,2.8,0.7,3.6,1.4c1,0.9,1.6,2.3,1.6,4C373.3,37.7,370.5,39.8,366.4,39.8z' }),
    _react2.default.createElement('path', { className: 'letter letter-o', d: 'M395.7,37.8c-1.4,1.4-3.2,2.1-5.1,2.1c-1.9,0-3.7-0.7-5.1-2c-1.9-1.9-1.9-4-1.9-7.7s0-5.8,1.9-7.7 c1.3-1.4,3.2-2.1,5.1-2.1c1.9,0,3.8,0.7,5.1,2c1.9,1.9,1.8,4,1.8,7.7S397.6,35.9,395.7,37.8z M393.5,24.1c-1.6-1.6-4.2-1.6-5.7,0 l0,0c-1,1-1.1,2.1-1.1,6s0.2,5,1.1,6c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S394.4,25.1,393.5,24.1z' }),
    _react2.default.createElement('path', { className: 'letter letter-m', d: 'M422.8,39.7V26.8l-4.4,9.4h-2.2l-4.6-9.4v12.9h-2.9V20.4h2.9l5.6,12l5.5-12h2.9v19.2L422.8,39.7L422.8,39.7z' }),
    _react2.default.createElement('polygon', { className: 'letter letter-e', points: '440.5,23.1 449.9,23.1 449.9,20.4 437.6,20.4 437.6,20.5 437.6,39.7 440.2,39.7 449.9,39.7 449.9,37 440.5,37 440.5,31.4 449,31.4 449,28.7 440.5,28.7 440.5,28.7' })
  );
};

var pulse = (0, _styledComponents.keyframes)(_templateObject);

var animated = (0, _styledComponents.css)(_templateObject2, pulse);

var BaseLogo = (0, _styledComponents2.default)(UnstyledBaseLogo)(_templateObject3, function (props) {
  return props.theme.breakpointsVerbose.abovePhone(_templateObject4);
}, function (props) {
  return props.theme.breakpointsVerbose.aboveTablet(_templateObject5);
}, function (props) {
  return props.maxWidth;
}, function (props) {
  return props.animated ? animated : '';
});

BaseLogo.propTypes = {
  maxWidth: _propTypes2.default.string
};

BaseLogo.defaultProps = {
  maxWidth: '36rem'

  /** @component */
};exports.default = BaseLogo;
exports.UnstyledBaseLogo = UnstyledBaseLogo;

/***/ }),
/* 18 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SpinnerSVG = exports.animation = undefined;

var _templateObject = _taggedTemplateLiteral(['\n0% {\n  opacity: 1.0;\n}\n100% {\n  opacity: 0.0;\n}\n'], ['\n0% {\n  opacity: 1.0;\n}\n100% {\n  opacity: 0.0;\n}\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  width: ', ';\n  height: ', ';\n  rect {\n    animation-name: ', ';\n    animation-duration: 1.2s;\n    animation-iteration-count: infinite;\n    transform-origin: 50% 50%;\n    transform-box: view-box;\n  }\n  g {\n    &:nth-child(1) rect {\n      animation-delay: -1.0799999999999998s;\n    }\n    &:nth-child(2) rect {\n      animation-delay: -0.96s;\n    }\n    &:nth-child(3) rect {\n      animation-delay: -0.8400000000000001s;\n    }\n    &:nth-child(4) rect {\n      animation-delay: -0.72s;\n    }\n    &:nth-child(5) rect {\n      animation-delay: -0.6s;\n    }\n    &:nth-child(6) rect {\n      animation-delay: -0.48s;\n    }\n    &:nth-child(7) rect {\n      animation-delay: -0.36s;\n    }\n    &:nth-child(8) rect {\n      animation-delay: -0.24s;\n    }\n    &:nth-child(9) rect {\n      animation-delay: -0.12s;\n    }\n    &:nth-child(10) rect {\n      animation-delay: 0s;\n    }\n  }\n'], ['\n  width: ', ';\n  height: ', ';\n  rect {\n    animation-name: ', ';\n    animation-duration: 1.2s;\n    animation-iteration-count: infinite;\n    transform-origin: 50% 50%;\n    transform-box: view-box;\n  }\n  g {\n    &:nth-child(1) rect {\n      animation-delay: -1.0799999999999998s;\n    }\n    &:nth-child(2) rect {\n      animation-delay: -0.96s;\n    }\n    &:nth-child(3) rect {\n      animation-delay: -0.8400000000000001s;\n    }\n    &:nth-child(4) rect {\n      animation-delay: -0.72s;\n    }\n    &:nth-child(5) rect {\n      animation-delay: -0.6s;\n    }\n    &:nth-child(6) rect {\n      animation-delay: -0.48s;\n    }\n    &:nth-child(7) rect {\n      animation-delay: -0.36s;\n    }\n    &:nth-child(8) rect {\n      animation-delay: -0.24s;\n    }\n    &:nth-child(9) rect {\n      animation-delay: -0.12s;\n    }\n    &:nth-child(10) rect {\n      animation-delay: 0s;\n    }\n  }\n']);

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var animation = exports.animation = (0, _styledComponents.keyframes)(_templateObject);

var SpinnerSVG = exports.SpinnerSVG = function SpinnerSVG(_ref) {
  var className = _ref.className;

  return _react2.default.createElement(
    'svg',
    { className: className, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid', xmlns: 'http://www.w3.org/2000/svg', version: '1.1' },
    _react2.default.createElement(
      'g',
      { transform: 'rotate(0 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(36 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(72 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(108 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(144 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(180 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(216 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(252 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(288 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    ),
    _react2.default.createElement(
      'g',
      { transform: 'rotate(324 50 50)' },
      _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
    )
  );
};

var Spinner = (0, _styledComponents2.default)(SpinnerSVG)(_templateObject2, function (props) {
  return props.size;
}, function (props) {
  return props.size;
}, animation);

Spinner.propTypes = {
  size: _propTypes2.default.string,
  theme: _propTypes2.default.shape({})
};

Spinner.defaultProps = {
  size: '80px'

  /** @component */
};exports.default = Spinner;

/***/ }),
/* 19 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _templateObject = _taggedTemplateLiteral(['\n  height: .1rem;\n  width: ', ';\n  border: none;\n  margin: 1rem 0;\n'], ['\n  height: .1rem;\n  width: ', ';\n  border: none;\n  margin: 1rem 0;\n']);

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(0);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = __webpack_require__(1);

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var UnstyledHr = function UnstyledHr(_ref) {
  var className = _ref.className;

  return _react2.default.createElement('hr', { className: className });
};

var BaseHr = (0, _styledComponents2.default)(UnstyledHr)(_templateObject, function (props) {
  return props.width;
});

BaseHr.propTypes = {
  width: _propTypes2.default.string.isRequired
};

BaseHr.defaultProps = {
  width: '100%'

  /** @component */
};exports.default = BaseHr;

/***/ }),
/* 20 */
/***/ (function(module, exports) {

module.exports = require("gsap/umd/TweenMax");

/***/ }),
/* 21 */
/***/ (function(module, exports) {

module.exports = require("react-stripe-elements");

/***/ }),
/* 22