Merge pull request #11 from user-interviews/feature/UIDS-10-remove-prepare-script

UIDS-10 remove prepare script and precompile lib files

Author: rsaris

.gitignore

@@ -5,9 +5,6 @@
 /.pnp
 .pnp.js
 
-# distribution
-lib
-
 # testing
 /coverage
 

lib/Card/Card.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Card;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Card = _interopRequireDefault(require("react-bootstrap/Card"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Card(_ref) {
+  var children = _ref.children,
+      title = _ref.title;
+  return _react.default.createElement(_Card.default, null, _react.default.createElement(_Card.default.Body, null, _react.default.createElement(_Card.default.Title, null, title), children));
+}
+
+Card.defaultProps = {
+  children: undefined,
+  title: ''
+};

lib/Pill/Pill.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./Pill.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+var Pill = function Pill(_ref) {
+  var color = _ref.color,
+      size = _ref.size,
+      text = _ref.text;
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('Pill', _defineProperty({}, "Pill--".concat(color), !!color), _defineProperty({}, "Pill--".concat(size), !!size))
+  }, text);
+};
+
+Pill.defaultProps = {
+  color: undefined,
+  size: undefined
+};
+var _default = Pill;
+exports.default = _default;

lib/Pill/Pill.scss

@@ -0,0 +1,33 @@
+@import '../../scss/theme';
+
+.Pill {
+  display: inline;
+  font-weight: $font-weight-bold;
+
+  //////// COLORS!
+  // Default color is gray and sadddddd
+  background-color: $ux-gray-200;
+  color: $ux-gray-800;
+
+  &--blue {
+    background-color: $ux-blue-100;
+    color: $ux-blue-500;
+  }
+
+  &--orange {
+    background-color: $ux-orange-100;
+    color: $ux-orange-600;
+  }
+
+  /////// SIZES
+  // Seems like a fine default size
+  border-radius: 2rem;
+  font-size: $font-size-base;
+  padding: .5rem .75rem;
+
+  &--sm {
+    border-radius: 1rem;
+    font-size: .625rem;
+    padding: .25rem .5rem;
+  }
+}

lib/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card.default;
+  }
+});
+Object.defineProperty(exports, "Pill", {
+  enumerable: true,
+  get: function get() {
+    return _Pill.default;
+  }
+});
+
+var _Card = _interopRequireDefault(require("./Card/Card"));
+
+var _Pill = _interopRequireDefault(require("./Pill/Pill"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package.json

@@ -18,7 +18,6 @@
     "build-storybook": "build-storybook -s public",
     "build-storybook-docs": "build-storybook -s public --docs",
     "deploy-storybook": "storybook-to-ghpages",
-    "prepare": "yarn build",
     "test": "jest"
   },
   "eslintConfig": {