@occmundial/occ-atomic 1.15.8 → 1.18.0

package/build/Column/Column.js

@@ -37,7 +37,7 @@ var Column = function Column(_ref) {
     console.warn('DEPRECATED: The Column component will be removed soon. Use the Grid.Col subcomponent instead.');
   }
 
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.col).concat(xs ? getClasses('xs', xs, classes) : '').concat(sm ? getClasses('sm', sm, classes) : '').concat(md ? getClasses('md', md, classes) : '').concat(lg ? getClasses('lg', lg, classes) : '').concat(className ? " ".concat(className) : ''),
     id: id,
     style: style

package/build/Column/Column.test.js

@@ -21,7 +21,7 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Column", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Column["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Column["default"], {
       xs: {
         col: 12
       },
@@ -30,7 +30,7 @@ describe("Column", function () {
     expect(wrapper).toMatchSnapshot();
   });
   it('matches the classes', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Column["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Column["default"], {
       xs: {
         col: 6,
         offset: 3,
@@ -44,7 +44,7 @@ describe("Column", function () {
 });
 describe("ColumnJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
       xs: {
         col: 12
       }

package/build/Container/Container.js

@@ -25,7 +25,7 @@ var Container = function Container(_ref) {
     console.warn('DEPRECATED: The Container component will be removed soon. Use the Grid component instead.');
   }
 
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(fluid ? classes.conFluid : classes.con).concat(className ? " ".concat(className) : ''),
     style: style,
     id: id,

package/build/Container/Container.test.js

@@ -21,19 +21,19 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Container", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Container["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Container["default"], {
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('renders a regular container', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Container["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Container["default"], {
       classes: classes
     }));
     expect(wrapper.find('div').prop('className')).toEqual('con');
   });
   it('renders a fluid container', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Container["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Container["default"], {
       classes: classes,
       fluid: true
     }));
@@ -42,7 +42,7 @@ describe("Container", function () {
 });
 describe("ContainerJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
     expect(wrapper).toMatchSnapshot();
   });
 });

package/build/Droplist/Droplist.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; 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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,47 +29,49 @@ var _iconSizes = _interopRequireDefault(require("../subatomic/iconSizes"));
 
 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 _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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } 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 _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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var arrowDown = 40;
 var arrowUp = 38;
 var enter = 13;
 var inkLighter = _colors["default"].inkLighter,
-    inkLightest = _colors["default"].inkLightest;
+    ink = _colors["default"].ink;
 var iconSmall = _iconSizes["default"].small;
-/**
- * The Droplist component displays a list and filters it with the prop 'term'.
- * The value of 'term' es highlighted in every item that matches.
- * The array of objects needed to display the items needs a text and an id, and can contain a text that floats on the right. If you're going to group your items by category, you first need to set an array of groups, and each group must contain an array with the items.
+/**
+ * The Droplist component displays a list and filters it with the prop 'term'.
+ * The value of 'term' es highlighted in every item that matches.
+ * The array of objects needed to display the items needs a text and an id, and can contain a text that floats on the right. If you're going to group your items by category, you first need to set an array of groups, and each group must contain an array with the items.
  */
 
-var Droplist =
-/*#__PURE__*/
-function (_React$Component) {
+var Droplist = /*#__PURE__*/function (_React$Component) {
   _inherits(Droplist, _React$Component);
 
+  var _super = _createSuper(Droplist);
+
   function Droplist(props) {
     var _this;
 
     _classCallCheck(this, Droplist);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Droplist).call(this, props));
+    _this = _super.call(this, props);
     (0, _classAutobind["default"])(_assertThisInitialized(_this));
     _this.state = {
       currentItem: -1,
@@ -160,7 +164,7 @@ function (_React$Component) {
             currentGroup: -1,
             currentItem: -1
           });
-          if (onEnter) onEnter(selectedItem);
+          if (onEnter && !selectedItem.disabled) onEnter(selectedItem);
         } else {
           var _selectedItem = items.find(function (item, i) {
             return i === currentItem;
@@ -169,7 +173,7 @@ function (_React$Component) {
           this.setState({
             currentItem: -1
           });
-          if (onEnter) onEnter(_selectedItem);
+          if (onEnter && !_selectedItem.disabled) onEnter(_selectedItem);
         }
       }
     }
@@ -405,7 +409,7 @@ function (_React$Component) {
 
         if (index >= 0) {
           var text = (0, _functions.separateText)(item[itemTextKey], index, term);
-          return _react["default"].createElement("div", {
+          return /*#__PURE__*/_react["default"].createElement("div", {
             key: item[itemIdKey],
             onClick: !item.disabled ? function (e) {
               return _this4.onClick(item, e);
@@ -416,33 +420,34 @@ function (_React$Component) {
             onMouseUp: function onMouseUp(e) {
               return _this4.onMouseUp(item, e);
             },
-            className: "".concat(classes.item).concat(selectedGroup && currentItem === i ? " ".concat(classes.onFocus) : '')
-          }, _react["default"].createElement("div", null, item.iconName && _react["default"].createElement(_Icon["default"], {
+            className: "".concat(classes.item).concat(selectedGroup && currentItem === i ? " ".concat(classes.onFocus) : '').concat(!item.disabled ? " ".concat(classes.itemPointer) : '')
+          }, /*#__PURE__*/_react["default"].createElement("div", null, item.iconName && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
             iconName: item.iconName,
             width: iconSmall,
             height: iconSmall,
             display: "inline-block",
             className: classes.icon,
-            colors: [item.disabled ? inkLightest : inkLighter]
-          }), _react["default"].createElement(_Text["default"], {
+            colors: [item.disabled ? inkLighter : ink]
+          }), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
             className: item.iconName ? classes.iconText : '',
-            disabled: item.disabled
-          }, text[0].length ? text[0] : '', _react["default"].createElement(_Text["default"], {
+            low: item.disabled
+          }, text[0].length ? text[0] : '', /*#__PURE__*/_react["default"].createElement(_Text["default"], {
             tag: "b",
-            strong: true
-          }, text[1].length ? text[1] : ''), text[2].length ? text[2] : '', item.extraText && _react["default"].createElement(_Text["default"], {
+            strong: true,
+            low: item.disabled
+          }, text[1].length ? text[1] : ''), text[2].length ? text[2] : '', item.extraText && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
             tag: "span",
             strong: true,
-            className: classes.extraText
-          }, item.extraText))), item[itemTextRightKey] && _react["default"].createElement("span", {
+            low: item.disabled,
+            className: "".concat(classes.extraText).concat(!item.disabled ? " ".concat(classes.extraTextColor) : '')
+          }, item.extraText))), item[itemTextRightKey] && /*#__PURE__*/_react["default"].createElement("span", {
             className: classes.right
-          }, _react["default"].createElement(_Text["default"], {
+          }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
             tag: "span",
-            low: true,
-            disabled: item.disabled
+            low: true
           }, item[itemTextRightKey])));
         } else {
-          return _react["default"].createElement("div", {
+          return /*#__PURE__*/_react["default"].createElement("div", {
             key: item[itemIdKey],
             onClick: function onClick(e) {
               return _this4.onClick(item, e);
@@ -454,20 +459,20 @@ function (_React$Component) {
               return _this4.onMouseUp(item, e);
             },
             className: "".concat(classes.item).concat(selectedGroup && currentItem === i ? " ".concat(classes.onFocus) : '')
-          }, _react["default"].createElement("div", null, item.iconName && _react["default"].createElement(_Icon["default"], {
+          }, /*#__PURE__*/_react["default"].createElement("div", null, item.iconName && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
             iconName: item.iconName,
             width: 14,
             height: 14,
             display: "inline-block",
             className: classes.dsfsdf,
             colors: [inkLighter]
-          }), _react["default"].createElement(_Text["default"], null, item[itemTextKey], item.extraText && _react["default"].createElement(_Text["default"], {
+          }), /*#__PURE__*/_react["default"].createElement(_Text["default"], null, item[itemTextKey], item.extraText && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
             tag: "span",
             strong: true,
             className: classes.extraText
-          }, item.extraText))), item[itemTextRightKey] && _react["default"].createElement("span", {
+          }, item.extraText))), item[itemTextRightKey] && /*#__PURE__*/_react["default"].createElement("span", {
             className: classes.right
-          }, _react["default"].createElement(_Text["default"], {
+          }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
             tag: "span",
             low: true
           }, item[itemTextRightKey])));
@@ -492,14 +497,14 @@ function (_React$Component) {
           groupNameKey = _this$props6.groupNameKey,
           groupIdKey = _this$props6.groupIdKey,
           groupItemsKey = _this$props6.groupItemsKey;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(classes.block).concat(className ? " ".concat(className) : ''),
         id: id,
         style: style
       }, groups ? items.map(function (group, index) {
-        return _react["default"].createElement("div", {
+        return /*#__PURE__*/_react["default"].createElement("div", {
           key: group[groupIdKey]
-        }, _react["default"].createElement(_Text["default"], {
+        }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
           small: true,
           mid: true,
           className: classes.group

package/build/Droplist/Droplist.test.js

@@ -79,21 +79,21 @@ var items2 = [{
 }];
 describe("Droplist", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('returns the right number of items', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       classes: classes
     }));
     expect(wrapper.find('.item').length).toBe(5);
   });
   it('returns the right number of groups and its items', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items2,
       groups: true,
       classes: classes
@@ -104,7 +104,7 @@ describe("Droplist", function () {
     expect(wrapper.find('.block>div').at(2).find('.item').length).toBe(1);
   });
   it('renders the item correctly', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       classes: classes
@@ -112,7 +112,7 @@ describe("Droplist", function () {
     expect(wrapper.find('.item').at(0).text()).toBe('Administrador(222)');
   });
   it('renders the group and sub-item correctly', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items2,
       groups: true,
       groupIdKey: "id",
@@ -122,7 +122,7 @@ describe("Droplist", function () {
     expect(wrapper.find('.block>div').at(0).text()).toBe('PAÍSESMéxico(3405)');
   });
   it('filters the items', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       classes: classes
@@ -134,7 +134,7 @@ describe("Droplist", function () {
     expect(wrapper.find('.item').length).toBe(3);
   });
   it('filters the items (accents)', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       classes: classes
@@ -146,7 +146,7 @@ describe("Droplist", function () {
     expect(wrapper.find('.item').length).toBe(1);
   });
   it('highlights the matching part of the items', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       classes: classes
@@ -161,7 +161,7 @@ describe("Droplist", function () {
     var onClick = jest.fn();
     var onMouseDown = jest.fn();
     var onMouseUp = jest.fn();
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: items,
       itemIdKey: "id",
       onClick: onClick,
@@ -192,7 +192,7 @@ describe("Droplist", function () {
       iconName: 'location',
       disabled: true
     }];
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Droplist["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Droplist["default"], {
       items: disabledItems,
       itemIdKey: "id",
       onClick: onClick,
@@ -208,7 +208,7 @@ describe("Droplist", function () {
 });
 describe("DroplistJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
       items: items
     }));
     expect(wrapper).toMatchSnapshot();

package/build/Droplist/index.js

@@ -13,7 +13,9 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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; }
 
@@ -27,6 +29,6 @@ var _Droplist$propTypes = _Droplist["default"].propTypes,
     classes = _Droplist$propTypes.classes,
     propTypes = _objectWithoutProperties(_Droplist$propTypes, ["classes"]);
 
-StyledDroplist.propTypes = _objectSpread({}, propTypes, StyledDroplist.propTypes);
+StyledDroplist.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledDroplist.propTypes);
 var _default = StyledDroplist;
 exports["default"] = _default;

package/build/Droplist/styles.js

@@ -36,12 +36,14 @@ var _default = {
     justifyContent: 'space-between',
     padding: [tiny, small],
     transition: '0.1s all',
-    cursor: 'pointer',
     position: 'relative',
     '&:hover': {
       background: grey50
     }
   },
+  itemPointer: {
+    cursor: 'pointer'
+  },
   right: {
     "float": 'right',
     transition: '0.1s all',
@@ -63,8 +65,10 @@ var _default = {
     marginLeft: base
   },
   extraText: {
-    color: textLink,
     marginLeft: tiny
+  },
+  extraTextColor: {
+    color: textLink
   }
 };
 exports["default"] = _default;

package/build/Flexbox/Flexbox.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; 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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,34 +13,36 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 /** The Flexbox component uses the grid system of flexbox. */
-var Flexbox =
-/*#__PURE__*/
-function (_React$Component) {
+var Flexbox = /*#__PURE__*/function (_React$Component) {
   _inherits(Flexbox, _React$Component);
 
+  var _super = _createSuper(Flexbox);
+
   function Flexbox() {
     _classCallCheck(this, Flexbox);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Flexbox).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Flexbox, [{
@@ -63,7 +67,7 @@ function (_React$Component) {
       if (!style) style = {};
       if (order) style.order = order;
       if (flex) style.flex = flex;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(displayClass).concat(display && direction ? " ".concat(classes[direction]) : '').concat(display && wrap ? " ".concat(classes[wrap]) : '').concat(display && justifyContent ? " ".concat(classes["j".concat(justifyContent)]) : '').concat(display && alignItems ? " ".concat(classes["a".concat(alignItems)]) : '').concat(display && alignContent ? " ".concat(classes["c".concat(alignContent)]) : '').concat(alignSelf ? " ".concat(classes["s".concat(alignSelf)]) : '').concat(className ? " ".concat(className) : ''),
         id: id,
         style: style

package/build/Flexbox/Flexbox.test.js

@@ -21,14 +21,14 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Flexbox", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Flexbox["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
       display: "flex",
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('matches the classes', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Flexbox["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
       display: "flex",
       direction: "col",
       justifyContent: "center",
@@ -41,7 +41,7 @@ describe("Flexbox", function () {
 });
 describe("FlexboxJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
     expect(wrapper).toMatchSnapshot();
   });
 });

package/build/Flexbox/index.js

@@ -13,7 +13,9 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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; }
 
@@ -27,6 +29,6 @@ var _Flexbox$propTypes = _Flexbox["default"].propTypes,
     classes = _Flexbox$propTypes.classes,
     propTypes = _objectWithoutProperties(_Flexbox$propTypes, ["classes"]);
 
-StyledFlexbox.propTypes = _objectSpread({}, propTypes, StyledFlexbox.propTypes);
+StyledFlexbox.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledFlexbox.propTypes);
 var _default = StyledFlexbox;
 exports["default"] = _default;

package/build/Footer/Footer.js

@@ -30,8 +30,8 @@ var itemTypes = {
   icon: 'icon',
   custom: 'custom'
 };
-/** Customisable footer component. This component can receive an array of columns. Those columns can contain an array of lists, and those lists can contain a title and and array of items. The items are objects that must define a type (one of 'link,', 'icon' or 'cursom').
-	It can also receive a copy string, to show the copyright data, and an array of links to show above it.
+/** Customisable footer component. This component can receive an array of columns. Those columns can contain an array of lists, and those lists can contain a title and and array of items. The items are objects that must define a type (one of 'link,', 'icon' or 'cursom').
+	It can also receive a copy string, to show the copyright data, and an array of links to show above it.
 */
 
 var Footer = function Footer(_ref) {
@@ -49,60 +49,60 @@ var Footer = function Footer(_ref) {
       iconRight = aux.iconRight,
       auxClassName = aux.className;
   var isMobile = winWidth < _grid["default"].sm;
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: columns.length > 0 ? classes.footer : classes.footerWithoutColumns
-  }, _react["default"].createElement(_Grid["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     fluid: winWidth < _grid["default"].xl
-  }, _react["default"].createElement(_Grid["default"].Row, null, _react["default"].createElement(_Flexbox["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"].Row, null, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     display: "flex",
     direction: isMobile ? 'col' : 'row',
     className: classes.column
   }, columns.map(function (column, index) {
-    return _react["default"].createElement(_Flexbox["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
       key: index,
       flex: "1",
       className: !isMobile ? classes.list : ''
     }, column.map(function (list) {
-      return _react["default"].createElement(_List["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_List["default"], {
         list: list,
         isMobile: isMobile,
         key: list.key,
         listClassName: listClassName
       });
     }));
-  })), _react["default"].createElement("div", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.footerBottom
-  }, _react["default"].createElement(_Flexbox["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     display: "flex",
     alignItems: "start",
     className: classes.bottomWrap,
     direction: isMobile ? 'col' : 'row'
-  }, _react["default"].createElement(_Flexbox["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
     flex: "1"
-  }, _react["default"].createElement(_Text["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     small: true,
     mid: true,
     bottomTiny: true,
     tag: "div"
   }, bottomLinks.map(function (item) {
-    return _react["default"].createElement("div", {
+    return /*#__PURE__*/_react["default"].createElement("div", {
       className: isMobile ? classes.mobileListElement : classes.listElement,
       key: item.key
-    }, _react["default"].createElement(_Text["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
       tag: "label",
       small: true,
       mid: true
-    }, _react["default"].createElement("a", {
+    }, /*#__PURE__*/_react["default"].createElement("a", {
       className: classes.link,
       href: item.href,
       target: item.target,
       rel: item.rel,
       onClick: item.onClick
     }, item.text)));
-  })), copyText && _react["default"].createElement(_Text["default"], {
+  })), copyText && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     small: true,
     mid: true
-  }, copyText)), aux && _react["default"].createElement(_Button["default"], {
+  }, copyText)), aux && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     href: href,
     target: target,
     icon: icon,