@edenhealth/eve/dist/eve.m.js

import React from 'react';
import styledSystem, { space, width } from 'styled-system';
import styled, { ThemeProvider } from 'styled-components';
import { Text } from 'rebass';

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

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.styles).filter(function (key) {
  return typeof styledSystem.styles[key] === 'function';
});

var propNames = styleKeys.reduce(function (a, key) {
  var names = Object.keys(styledSystem.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.styles[key] || key;
  });
  var propTypes = getPropTypes(funcs);

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

  var baseProps = styledSystem.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: space,
});
var Box$1 = styled(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, space);
var templateObject_1;

var Separator = styled(system({ space: space, width: 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, space, 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(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(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,
};

export default index;
//# sourceMappingURL=eve.m.js.map