@edenhealth/eve/dist/eve.js

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-system'), require('styled-components'), require('rebass')) :
  typeof define === 'function' && define.amd ? define(['react', 'styled-system', 'styled-components', 'rebass'], factory) :
  (global = global || self, global['@edenhealth/eve'] = factory(global.React, global.styledSystem, global.styled, global.rebass));
}(this, function (React, styledSystem, styled, rebass) { 'use strict';

  React = React && React.hasOwnProperty('default') ? React['default'] : React;
  var styledSystem__default = 'default' in styledSystem ? styledSystem['default'] : styledSystem;
  var styled__default = 'default' in styled ? styled['default'] : styled;

  function styleInject(css, ref) {
    if ( ref === void 0 ) ref = {};
    var insertAt = ref.insertAt;

    if (!css || typeof document === 'undefined') { return; }

    var head = document.head || document.getElementsByTagName('head')[0];
    var style = document.createElement('style');
    style.type = 'text/css';

    if (insertAt === 'top') {
      if (head.firstChild) {
        head.insertBefore(style, head.firstChild);
      } else {
        head.appendChild(style);
      }
    } else {
      head.appendChild(style);
    }

    if (style.styleSheet) {
      style.styleSheet.cssText = css;
    } else {
      style.appendChild(document.createTextNode(css));
    }
  }

  var css = "/* open-sans-300normal - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src:\n    local('Open Sans Light '),\n    local('Open Sans-Light'),\n    url('./files/open-sans-latin-300.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-300.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-300italic - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 300;\n  src:\n    local('Open Sans Light italic'),\n    local('Open Sans-Lightitalic'),\n    url('./files/open-sans-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-300italic.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-400normal - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src:\n    local('Open Sans Regular '),\n    local('Open Sans-Regular'),\n    url('./files/open-sans-latin-400.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-400.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-400italic - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 400;\n  src:\n    local('Open Sans Regular italic'),\n    local('Open Sans-Regularitalic'),\n    url('./files/open-sans-latin-400italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-400italic.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-600normal - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src:\n    local('Open Sans SemiBold '),\n    local('Open Sans-SemiBold'),\n    url('./files/open-sans-latin-600.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-600.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-600italic - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 600;\n  src:\n    local('Open Sans SemiBold italic'),\n    local('Open Sans-SemiBolditalic'),\n    url('./files/open-sans-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-600italic.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-700normal - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src:\n    local('Open Sans Bold '),\n    local('Open Sans-Bold'),\n    url('./files/open-sans-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-700.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-700italic - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 700;\n  src:\n    local('Open Sans Bold italic'),\n    local('Open Sans-Bolditalic'),\n    url('./files/open-sans-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-700italic.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-800normal - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 800;\n  src:\n    local('Open Sans ExtraBold '),\n    local('Open Sans-ExtraBold'),\n    url('./files/open-sans-latin-800.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-800.woff') format('woff'); /* Modern Browsers */\n}\n/* open-sans-800italic - latin */\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 800;\n  src:\n    local('Open Sans ExtraBold italic'),\n    local('Open Sans-ExtraBolditalic'),\n    url('./files/open-sans-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/open-sans-latin-800italic.woff') format('woff'); /* Modern Browsers */\n}\n\n";
  styleInject(css);

  var css$1 = ":root {\n  /* Primary brand colors. */\n  --primary: #4dbd8f;\n  --primary-light: #82f0bf;\n  --primary-dark: #028c61;\n\n  /* Secondary colors */\n  --secondary: #2d4147;\n  --secondary-900: #1d2c31;\n  --secondary-800: #2d4147;\n  --secondary-700: #3a545b;\n  --secondary-600: #486870;\n  --secondary-500: #537680;\n  --secondary-400: #6d8a93;\n  --secondary-300: #869fa6;\n  --secondary-200: #a8babf;\n  --secondary-100: #cad6d9;\n  --secondary-50: #e9eef0;\n\n  /* Neutral colors */\n  --white: #ffffff;\n  --surface-light: #ffffff;\n  --surface-dark: var(--secondary-50);\n\n  /* Error colors */\n  --error: #e25c6c;\n  --error-light: #ff8d9a;\n  --error-dark: #ab2941;\n\n  /* Alert colors */\n  --alert: #ffe04a;\n  --alert-light: #ffff7d;\n  --alert-dark: #c8af03;\n\n  /* Shades of black/gray (translucent). */\n  --black-90: rgba(0, 0, 0, 0.9);\n  --black-80: rgba(0, 0, 0, 0.8);\n  --black-70: rgba(0, 0, 0, 0.7);\n  --black-60: rgba(0, 0, 0, 0.6);\n  --black-50: rgba(0, 0, 0, 0.5);\n  --black-40: rgba(0, 0, 0, 0.4);\n  --black-30: rgba(0, 0, 0, 0.3);\n  --black-20: rgba(0, 0, 0, 0.2);\n  --black-10: rgba(0, 0, 0, 0.1);\n  --black-05: rgba(0, 0, 0, 0.05);\n  --black-025: rgba(0, 0, 0, 0.025);\n  --black-0125: rgba(0, 0, 0, 0.0125);\n\n  /* Shades of gray (opaque) */\n  --grey-100: #333333;\n  --grey-90: #444444;\n  --grey-80: #555555;\n  --grey-70: #666666;\n  --grey-60: #777777;\n  --grey-50: #888888;\n  --grey-40: #999999;\n  --grey-30: #aaaaaa;\n  --grey-20: #bbbbbb;\n  --grey-10: #cccccc;\n  --grey-05: #dddddd;\n  --grey-0: #eeeeee;\n  --near-white: #f5f5f5;\n\n  /* DEPRECATED */\n  --text-dark: var(--black-90);\n  --text-muted: var(--black-60);\n  --eden-green: #6fbe9a;\n  --eden-pink: #ff4557;\n  --eden-shale: #2d4147;\n}\n";
  styleInject(css$1);

  /*! *****************************************************************************
  Copyright (c) Microsoft Corporation. All rights reserved.
  Licensed under the Apache License, Version 2.0 (the "License"); you may not use
  this file except in compliance with the License. You may obtain a copy of the
  License at http://www.apache.org/licenses/LICENSE-2.0

  THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
  WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
  MERCHANTABLITY OR NON-INFRINGEMENT.

  See the Apache Version 2.0 License for specific language governing permissions
  and limitations under the License.
  ***************************************************************************** */

  var __assign = function() {
      __assign = Object.assign || function __assign(t) {
          for (var s, i = 1, n = arguments.length; i < n; i++) {
              s = arguments[i];
              for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
          }
          return t;
      };
      return __assign.apply(this, arguments);
  };

  function __makeTemplateObject(cooked, raw) {
      if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
      return cooked;
  }

  function unwrapExports (x) {
  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x.default : x;
  }

  function createCommonjsModule(fn, module) {
  	return module = { exports: {} }, fn(module, module.exports), module.exports;
  }

  var dist = createCommonjsModule(function (module, exports) {

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

  var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

  var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };



  var _react2 = _interopRequireDefault(React);





  var _styledComponents2 = _interopRequireDefault(styled__default);

  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; }

  function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

  var css = function css(props) {
    return props.css;
  };

  var omit = function omit(obj, blacklist) {
    var next = {};
    for (var key in obj) {
      if (blacklist.indexOf(key) > -1) continue;
      next[key] = obj[key];
    }
    return next;
  };

  var styleKeys = Object.keys(styledSystem__default.styles).filter(function (key) {
    return typeof styledSystem__default.styles[key] === 'function';
  });

  var propNames = styleKeys.reduce(function (a, key) {
    var names = Object.keys(styledSystem__default.styles[key].propTypes);
    return [].concat(_toConsumableArray(a), _toConsumableArray(names));
  }, []);

  // private blacklist
  var _blacklist = ['css', 'is', 'tag', 'extend'].concat(_toConsumableArray(propNames));

  var tag = _react2.default.forwardRef(function (_ref, ref) {
    var _ref$blacklist = _ref.blacklist,
        blacklist = _ref$blacklist === undefined ? [] : _ref$blacklist,
        props = _objectWithoutProperties(_ref, ['blacklist']);

    var Base = props.extend || props.tag || props.is || 'div';
    var next = omit(props, typeof Base === 'string' ? [].concat(_toConsumableArray(_blacklist), _toConsumableArray(blacklist)) : ['extend']);
    return _react2.default.createElement(Base, _extends({}, next, { ref: ref }));
  });

  var getPropTypes = function getPropTypes(funcs) {
    return funcs.filter(function (fn) {
      return typeof fn === 'function' && _typeof(fn.propTypes) === 'object';
    }).reduce(function (a, fn) {
      return _extends({}, a, fn.propTypes);
    }, {});
  };

  var system = function system() {
    for (var _len = arguments.length, keysOrStyles = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
      keysOrStyles[_key - 1] = arguments[_key];
    }

    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

    var funcs = keysOrStyles.map(function (key) {
      return styledSystem__default.styles[key] || key;
    });
    var propTypes = getPropTypes(funcs);

    var Component = (0, _styledComponents2.default)(tag).apply(undefined, [[]].concat(_toConsumableArray(funcs), [css]));

    var baseProps = styledSystem__default.util.get(props, 'extend.defaultProps') || {};

    Component.defaultProps = _extends({}, baseProps, props);

    Component.propTypes = getPropTypes(funcs);
    Component.systemComponent = true;

    return Component;
  };

  exports.default = system;
  });

  var system = unwrapExports(dist);

  /* tslint:disable object-literal-sort-keys */
  /* Primary brand colors. */
  var PrimaryColors = {
      Primary: '#4dbd8f',
      PrimaryLight: '#82f0bf',
      PrimaryDark: '#028c61',
  };
  /* Secondary colors */
  var SecondaryColors = {
      Secondary: '#2d4147',
      Secondary900: '#1d2c31',
      Secondary800: '#2d4147',
      Secondary700: '#3a545b',
      Secondary600: '#486870',
      Secondary500: '#537680',
      Secondary400: '#6d8a93',
      Secondary300: '#869fa6',
      Secondary200: '#a8babf',
      Secondary100: '#cad6d9',
      Secondary50: '#e9eef0',
  };
  /* Neutral colors */
  var NeutralColors = {
      White: '#ffffff',
      SurfaceLight: '#ffffff',
      SurfaceDark: SecondaryColors.Secondary500,
  };
  /* Error colors */
  var ErrorColors = {
      Error: '#e25c6c',
      ErrorLight: '#ff8d9a',
      ErrorDark: '#ab2941',
  };
  /* Alert colors */
  var AlertColors = {
      Alert: '#ffe04a',
      AlertLight: '#ffff7d',
      AlertDark: '#c8af03',
  };
  /* Shades of black/gray (translucent). */
  var BlackColors = {
      Black900: 'rgba(0, 0, 0, 0.9)',
      Black800: 'rgba(0, 0, 0, 0.8)',
      Black700: 'rgba(0, 0, 0, 0.7)',
      Black600: 'rgba(0, 0, 0, 0.6)',
      Black500: 'rgba(0, 0, 0, 0.5)',
      Black400: 'rgba(0, 0, 0, 0.4)',
      Black300: 'rgba(0, 0, 0, 0.3)',
      Black200: 'rgba(0, 0, 0, 0.2)',
      Black100: 'rgba(0, 0, 0, 0.1)',
      Black050: 'rgba(0, 0, 0, 0.05)',
      Black025: 'rgba(0, 0, 0, 0.025)',
      Black0125: 'rgba(0, 0, 0, 0.0125)',
  };
  /* Shades of gray (opaque) */
  var GreyColors = {
      Grey900: '#333333',
      Grey800: '#444444',
      Grey700: '#555555',
      Grey600: '#666666',
      Grey500: '#777777',
      Grey400: '#888888',
      Grey300: '#999999',
      Grey200: '#aaaaaa',
      Grey100: '#bbbbbb',
      Grey050: '#cccccc',
      Grey025: '#dddddd',
      Grey0125: '#e0e0e0',
      NearWhite: '#f7f7f7',
  };
  var BrandColors = __assign({}, AlertColors, ErrorColors, NeutralColors, PrimaryColors, SecondaryColors);
  var Colors = __assign({}, AlertColors, BlackColors, ErrorColors, GreyColors, NeutralColors, PrimaryColors, SecondaryColors);

  var BorderRadius = {
      Base: 4,
      Large: 8,
  };
  var SpacerSize;
  (function (SpacerSize) {
      SpacerSize[SpacerSize["Large"] = 0] = "Large";
      SpacerSize[SpacerSize["Medium"] = 1] = "Medium";
      SpacerSize[SpacerSize["Small"] = 2] = "Small";
      SpacerSize[SpacerSize["Tiny"] = 3] = "Tiny";
  })(SpacerSize || (SpacerSize = {}));
  var Spacing = {
      Large: 24,
      Medium: 16,
      Small: 8,
      Tiny: 4,
  };

  var Box = system({
      p: 3,
      space: styledSystem.space,
  });
  var Box$1 = styled__default(Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: ", ";\n  box-shadow: 0 2px 4px 2px rgba(29, 44, 49, 0.1);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  ", ";\n"], ["\n  background: ", ";\n  border-radius: ", ";\n  box-shadow: 0 2px 4px 2px rgba(29, 44, 49, 0.1);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  ", ";\n"])), Colors.White, BorderRadius.Large, styledSystem.space);
  var templateObject_1;

  var Separator = styled__default(system({ space: styledSystem.space, width: styledSystem.width }))(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  border: 1px solid ", ";\n  border-bottom-width: 0;\n  ", ";\n  ", ";\n"], ["\n  border: 1px solid ", ";\n  border-bottom-width: 0;\n  ", ";\n  ", ";\n"])), Colors.Grey025, styledSystem.space, styledSystem.width);
  Separator.defaultProps = {
      width: '100%',
  };
  var templateObject_1$1;

  /* tslint:disable object-literal-sort-keys */
  // =========
  // Font size
  // =========
  var FontSize = {
      Base: 16,
      BaseLarge: 18,
      BaseSmall: 14,
      HeaderBase: 20,
  };
  // ===========
  // Font Weight
  // ===========
  var FontWeightType;
  (function (FontWeightType) {
      FontWeightType[FontWeightType["Light"] = 0] = "Light";
      FontWeightType[FontWeightType["Regular"] = 1] = "Regular";
      FontWeightType[FontWeightType["Medium"] = 2] = "Medium";
      FontWeightType[FontWeightType["SemiBold"] = 3] = "SemiBold";
      FontWeightType[FontWeightType["Bold"] = 4] = "Bold";
  })(FontWeightType || (FontWeightType = {}));
  var FontWeight = Object.freeze({
      Light: '300',
      Regular: '400',
      Medium: '500',
      SemiBold: '600',
      Bold: '700',
  });
  var FontFamily;
  (function (FontFamily) {
      FontFamily["OpenSans"] = "Open Sans";
      FontFamily["Merriweather"] = "Merriweather";
  })(FontFamily || (FontFamily = {}));

  var Sans = (function (props) { return (React.createElement(rebass.Text, { fontFamily: props.fontFamily || FontFamily.OpenSans, fontSize: props.size, fontWeight: "" + FontWeight[props.weight] }, props.children)); });

  var Theme = {
      colors: {
          primary: Colors.Primary,
          secondary: Colors.Secondary,
      },
      fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64],
      styles: {
          body: {
              fontFamily: "'Open Sans', Helvetica, sans-serif",
          },
          html: {
              fontFamily: "'Open Sans', Helvetica, sans-serif",
          },
      },
  };
  var Theme$1 = (function (props) { return (React.createElement(styled.ThemeProvider, { theme: Theme }, props.children)); });

  var index = {
      BorderRadius: BorderRadius,
      Box: Box$1,
      Colors: Colors,
      FontFamily: FontFamily,
      FontSize: FontSize,
      FontWeight: FontWeight,
      Sans: Sans,
      Separator: Separator,
      Spacing: Spacing,
      Theme: Theme$1,
  };

  return index;

}));
//# sourceMappingURL=eve.js.map