include compiled js so we can install from github

.gitignore

@@ -1,7 +1,5 @@
 node_modules/
 npm-debug.log
-lib/
-lib-es/
 index.html
 normalize.css
 bundle.js

lib-es/components/card/card-content.js

@@ -0,0 +1,33 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class CardContent extends Component {
+
+  createClassName() {
+    return [styles.cardContent, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'div',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+CardContent.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string
+};
+CardContent.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/card/card-footer-item.js

@@ -0,0 +1,33 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class CardFooterItem extends Component {
+
+  createClassName() {
+    return [styles.cardFooterItem, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'span',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+CardFooterItem.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string
+};
+CardFooterItem.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/card/card-footer.js

@@ -0,0 +1,33 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class CardFooter extends Component {
+
+  createClassName() {
+    return [styles.cardFooter, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'footer',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+CardFooter.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string
+};
+CardFooter.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/card/card-header-icon.js

@@ -0,0 +1,35 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class CardHeaderIcon extends Component {
+
+  createClassName() {
+    return [styles.cardHeaderIcon, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'a',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      React.createElement('i', {
+        className: [styles.fa, this.props.icon].join(' ').trim()
+      })
+    );
+  }
+}
+CardHeaderIcon.propTypes = {
+  style: PropTypes.object,
+  icon: PropTypes.string,
+  className: PropTypes.string
+};
+CardHeaderIcon.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/card/card-header-title.js

@@ -0,0 +1,33 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class CardHeaderTitle extends Component {
+
+  createClassName() {
+    return [styles.cardHeaderTitle, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'p',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+CardHeaderTitle.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string
+};
+CardHeaderTitle.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/card/card-header.js

@@ -0,0 +1,33 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class CardHeader extends Component {
+
+  createClassName() {
+    return [styles.cardHeader, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'header',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+CardHeader.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string
+};
+CardHeader.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/card/card-image.js

@@ -0,0 +1,33 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class CardImage extends Component {
+
+  createClassName() {
+    return [styles.cardImage, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'div',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+CardImage.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string
+};
+CardImage.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/card/card.js

@@ -0,0 +1,34 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class Card extends Component {
+
+  createClassName() {
+    return [styles.card, this.props.isFullwidth ? styles.isFullwidth : '', this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'div',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+Card.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  isFullwidth: PropTypes.bool
+};
+Card.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/heading/heading.js

@@ -0,0 +1,33 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class Heading extends Component {
+
+  createClassName() {
+    return [styles.heading, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'p',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+Heading.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string
+};
+Heading.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/level/level-item.js

@@ -0,0 +1,34 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class LevelItem extends Component {
+
+  createClassName() {
+    return [styles.levelItem, this.props.hasTextCentered ? styles.hasTextCentered : '', this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'div',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+LevelItem.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  hasTextCentered: PropTypes.bool
+};
+LevelItem.defaultProps = {
+  style: {},
+  className: ''
+};

lib-es/components/level/level-left.js

@@ -0,0 +1,33 @@
+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; };
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from '../../../build/styles';
+import { getCallbacks } from '../../helper/helper';
+
+export default class LevelLeft extends Component {
+
+  createClassName() {
+    return [styles.levelLeft, this.props.className].join(' ').trim();
+  }
+
+  render() {
+    return React.createElement(
+      'div',
+      _extends({}, getCallbacks(this.props), {
+        style: this.props.style,
+        className: this.createClassName()
+      }),
+      this.props.children
+    );
+  }
+}
+LevelLeft.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string
+};
+LevelLeft.defaultProps = {
+  style: {},
+  className: ''
+};