@edenhealth/eve

[![CircleCI][circleci-badge]][circleci-link]
[![NpmVersion][npm-version-badge]][npm-link]
[![semantic-release][semantic-release-badge]][semantic-release-link]

> And [EdenHealth] called [the package] Eve, for she was the mother of
> [other front-end projects].

— God, probably

---

eve contains reusable code that can be shared between @edenhealth's front-end
projects as an NPM package. This may include:

- CSS variables for shared colors in the Eden palette
- Shared utilities for e.g., logging

$3

To use in another project, simply install the NPM package:

``console
$ yarn add -D @edenhealth/eve


Or:


$ npm i --save-dev @edenhealth/eve
`

Then import the dependency -- preferably at a root level view component, if using
the styles. This will make any of eve's CSS variables accessible in child
components; e.g., to color a button "eden green" you could write:

`es6
const EdenButton = styled.a
background: var(--eden-green);
color: white;

render(Yay Colors!)
``

[circleci-badge]: https://circleci.com/gh/edenhealth/eve.svg?style=shield&circle-token=4b7a18c6e9870ff9738dab4453dd6f1711395bca
[circleci-link]: https://circleci.com/gh/edenhealth/eve
[npm-link]: https://www.npmjs.com/package/edenhealth/eve.svg
[npm-version-badge]: https://img.shields.io/npm/v/@edenhealth/eve.svg
[semantic-release-badge]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
[semantic-release-link]: https://github.com/semantic-release/semantic-release
[bundlephobia]: https://bundlephobia.com/result?p=@edenhealth/eve
[bundlephobia-badge]: https://badgen.net/bundlephobia/@edenhealth/eve