Fix: 'Dist' files build

.babelrc

@@ -0,0 +1,21 @@
+{
+ "presets": [
+ "@babel/preset-env",
+ "@babel/preset-react"
+ ],
+ "env": {
+ "production": {
+ "plugins": [
+ ["emotion", { "hoist": true }]
+ ]
+ },
+ "development": {
+ "plugins": [
+ [
+ "emotion",
+ { "sourceMap": true, "autoLabel": true }
+ ]
+ ]
+ }
+ }
+}

.gitignore

@@ -7,7 +7,7 @@
 /coverage
 
 # documentation
-./docz/cache
+.docz/cache
 
 # production
 /build

dist/components/Button/Bordered/Bordered.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+
+var _constants = require("../../../constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* Styled */
+var StyledButton =
+/*#__PURE__*/
+(0, _reactEmotion.default)('button', {
+ target: "e1mq6gx80"
+})(function (props) {
+ return _objectSpread({}, props.styles, {
+ borderColor: props.color ? _constants.COLORS[props.color.toUpperCase()] : _constants.COLORS.PRIMARY,
+ color: props.color ? _constants.COLORS[props.color.toUpperCase()] : _constants.COLORS.PRIMARY,
+ background: 'transparent'
+ });
+});
+/* Component */
+
+var Bordered =
+/*#__PURE__*/
+function (_React$Component) {
+ _inherits(Bordered, _React$Component);
+
+ function Bordered() {
+ _classCallCheck(this, Bordered);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Bordered).apply(this, arguments));
+ }
+
+ _createClass(Bordered, [{
+ key: "render",
+ value: function render() {
+ return _react.default.createElement(StyledButton, this.props, this.props.children);
+ }
+ }]);
+
+ return Bordered;
+}(_react.default.Component);
+
+exports.default = Bordered;

dist/components/Button/Button.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("./constants");
+
+var _Bordered = _interopRequireDefault(require("./Bordered/Bordered"));
+
+var _Regular = _interopRequireDefault(require("./Regular/Regular"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _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; }; return _extends.apply(this, arguments); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+/* Component */
+var Button =
+/*#__PURE__*/
+function (_React$Component) {
+ _inherits(Button, _React$Component);
+
+ function Button() {
+ _classCallCheck(this, Button);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Button).apply(this, arguments));
+ }
+
+ _createClass(Button, [{
+ key: "render",
+ value: function render() {
+ var _this$props = this.props,
+ block = _this$props.block,
+ bordered = _this$props.bordered,
+ size = _this$props.size;
+ var styles = Object.assign({}, _constants.BUTTON_STYLES);
+
+ if (block) {
+ styles.display = 'block';
+ styles.width = '100%';
+ }
+
+ switch (size) {
+ case 'xs':
+ styles.fontSize = '9px';
+ styles.minHeight = '20px';
+ styles.lineHeight = '18px';
+ styles['@media (max-width: 767px)'] = {
+ minHeight: '30px',
+ lineHeight: '28px'
+ };
+ break;
+
+ case 'sm':
+ styles.fontSize = '13px';
+ styles.minHeight = '30px';
+ styles.lineHeight = '28px';
+ styles['@media (max-width: 767px)'] = {
+ minHeight: '40px',
+ lineHeight: '38px'
+ };
+ break;
+
+ default:
+ styles.minHeight = '40px';
+ styles.lineHeight = '38px';
+ styles['@media (max-width: 767px)'] = {
+ minHeight: '50px',
+ lineHeight: '48px'
+ };
+ }
+
+ if (bordered) {
+ return _react.default.createElement(_Bordered.default, _extends({
+ styles: styles
+ }, this.props));
+ }
+
+ return _react.default.createElement(_Regular.default, _extends({
+ styles: styles
+ }, this.props));
+ }
+ }]);
+
+ return Button;
+}(_react.default.Component);
+/* Default Properties */
+
+
+Button.defaultProps = {
+ type: 'button',
+ disabled: false,
+ color: 'primary',
+ bordered: false,
+ block: false,
+ size: ''
+};
+/* Properties Types */
+
+Button.propTypes = {
+ /**
+ * Button Type.
+ * Button, Reset, Submit
+ */
+ type: _propTypes.default.string,
+
+ /**
+ * Should the Button be disabled?
+ */
+ disabled: _propTypes.default.bool,
+
+ /**
+ * Renders the button using an alternative color.
+ * Secondary, Warning, Error, Success
+ */
+ color: _propTypes.default.string,
+
+ /**
+ * Should the Button be bordered?
+ */
+ bordered: _propTypes.default.bool,
+
+ /**
+ * Should the Button be block?
+ */
+ block: _propTypes.default.bool,
+
+ /**
+ * Size of the button. Use the Button's xs or sm.
+ */
+ size: _propTypes.default.string
+};
+var _default = Button;
+exports.default = _default;

dist/components/Button/Regular/Regular.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+
+var _constants = require("../../../constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* Styled */
+var StyledButton =
+/*#__PURE__*/
+(0, _reactEmotion.default)('button', {
+ target: "e1bfgx1g0"
+})(function (props) {
+ return _objectSpread({}, props.styles, {
+ borderColor: props.color ? _constants.COLORS[props.color.toUpperCase()] : _constants.COLORS.PRIMARY,
+ color: props.color && props.color !== 'white' ? _constants.COLORS.WHITE : _constants.COLORS.BLACK,
+ background: props.color ? _constants.COLORS[props.color.toUpperCase()] : _constants.COLORS.PRIMARY
+ });
+});
+/* Component */
+
+var Regular =
+/*#__PURE__*/
+function (_React$Component) {
+ _inherits(Regular, _React$Component);
+
+ function Regular() {
+ _classCallCheck(this, Regular);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Regular).apply(this, arguments));
+ }
+
+ _createClass(Regular, [{
+ key: "render",
+ value: function render() {
+ return _react.default.createElement(StyledButton, this.props, this.props.children);
+ }
+ }]);
+
+ return Regular;
+}(_react.default.Component);
+
+exports.default = Regular;

dist/components/Button/constants/buttonStyles.constants.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.BUTTON_STYLES = void 0;
+
+/* Button Styles */
+var BUTTON_STYLES = {
+ display: 'inline-block',
+ width: 'auto',
+ margin: 0,
+ padding: '0 20px',
+ cursor: 'pointer',
+ outline: 0,
+ border: '1px solid',
+ fontSize: '16px',
+ minWidth: '140px',
+ borderRadius: '25px',
+ textTransform: 'uppercase',
+ '&:hover,&:focus,&:active,&:disabled': {
+ outline: 0
+ }
+};
+exports.BUTTON_STYLES = BUTTON_STYLES;

dist/components/Button/constants/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+
+var _buttonStyles = require("./buttonStyles.constants");
+
+Object.keys(_buttonStyles).forEach(function (key) {
+ if (key === "default" || key === "__esModule") return;
+ Object.defineProperty(exports, key, {
+ enumerable: true,
+ get: function get() {
+ return _buttonStyles[key];
+ }
+ });
+});