@occmundial/occ-atomic 2.0.0-beta.0 → 2.0.0-beta.10

package/CONTRIBUTING.md

@@ -0,0 +1,24 @@
+# Contributing
+
+If you want to contribute to this project, you can do it in the following ways:
+- Report bugs or ask for new features in the [issue tracker](https://github.com/OCCMundial/occ-atomic/issues).
+- Send pull requests.
+- Star the project.
+- Share the project with others.
+
+This project is using `semantic-release` for its automatic releases. It's following the [Angular Commit Message Conventions](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-commit-message-format), so make sure you follow them using this format in your commit messages:
+```
+<type>: <summary>
+```
+
+The type must be one of the following:
+- **build**: Changes that affect the build system or external dependencies (new dependencies, babel or typescript configuration, etc.)
+- **ci**: Changes to our CI configuration files and scripts (Github Actions, scripts, husky hooks, etc.)
+- **docs**: Documentation only changes
+- **feat**: A new feature
+- **fix**: A bug fix
+- **perf**: A code change that improves performance
+- **refactor**: A code change that neither fixes a bug nor adds a feature
+- **test**: Adding missing tests or correcting existing tests
+
+The summary is in present tense. Not capitalized. No period at the end.

package/README.md

@@ -1,21 +1,21 @@
-# [OCC-Atomic](https://occmundial.github.io/occ-atomic) • [![npm version](https://badge.fury.io/js/%40occmundial%2Focc-atomic.svg)](https://badge.fury.io/js/%40occmundial%2Focc-atomic)
-
-To see the live version and demo of this project click here:
-https://occmundial.github.io/occ-atomic
-
-This library contains a collection of shareable styled React components, ready to use for the applications developed by OCC.
-
-## Instalation and usage
-To install this library, use the next command:
-```
-// With npm
-npm install --save @occmundial/occ-atomic
-// With yarn
-yarn add @occmundial/occ-atomic
-```
-To use its components, you just have to import them like this:
-```
-import { Button } from '@occmundial/occ-atomic';
-```
-For more details, check how to implement each component in the live demo:
-https://occmundial.github.io/occ-atomic
+# [OCC-Atomic](https://occmundial.github.io/occ-atomic) • [![npm version](https://badge.fury.io/js/%40occmundial%2Focc-atomic.svg)](https://badge.fury.io/js/%40occmundial%2Focc-atomic) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
+
+To see the live version and demo of this project click here:
+https://occmundial.github.io/occ-atomic
+
+This library contains a collection of shareable styled React components, ready to use for the applications developed by OCC.
+
+## Instalation and usage
+To install this library, use the next command:
+```
+// With npm
+npm install --save @occmundial/occ-atomic
+// With yarn
+yarn add @occmundial/occ-atomic
+```
+To use its components, you just have to import them like this:
+```
+import { Button } from '@occmundial/occ-atomic';
+```
+For more details, check how to implement each component in the live demo:
+https://occmundial.github.io/occ-atomic

package/build/Autocomplete/Autocomplete.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
 });
@@ -21,8 +23,6 @@ var _Droplist = _interopRequireDefault(require("../Droplist"));
 
 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"); } }
@@ -31,31 +31,35 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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 _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 _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); }
 
-/**
-* This component integrates the TextField and Droplist components.
-* The value of TextField filters the list in Droplist.
-*/
-var Autocomplete =
-/*#__PURE__*/
-function (_React$Component) {
+/**
+ * This component integrates the TextField and Droplist components.
+ * The value of TextField filters the list in Droplist.
+ */
+var Autocomplete = /*#__PURE__*/function (_React$Component) {
   _inherits(Autocomplete, _React$Component);
 
+  var _super = _createSuper(Autocomplete);
+
   function Autocomplete(props) {
     var _this;
 
     _classCallCheck(this, Autocomplete);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Autocomplete).call(this, props));
+    _this = _super.call(this, props);
     (0, _classAutobind["default"])(_assertThisInitialized(_this));
     _this.state = {
       value: (0, _idx["default"])(props, function (_) {
@@ -189,15 +193,17 @@ function (_React$Component) {
           textfieldProps = _this$props3.textfieldProps,
           droplistProps = _this$props3.droplistProps,
           className = _this$props3.className,
-          style = _this$props3.style;
-      return _react["default"].createElement("div", {
+          style = _this$props3.style,
+          showInitialData = _this$props3.showInitialData;
+      var showDropList = showInitialData ? focus && droplistProps.items : value && focus && droplistProps.items;
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(classes.autoComplete).concat(className ? " ".concat(className) : ''),
         id: id,
         style: style,
         ref: function ref(_ref) {
           _this2.autocomplete = _ref;
         }
-      }, _react["default"].createElement(_TextField["default"], _extends({}, textfieldProps, {
+      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({}, textfieldProps, {
         onRef: this.setRef,
         onChange: this.onChange,
         onFocus: this.onFocus,
@@ -205,14 +211,14 @@ function (_React$Component) {
         onKeyUp: this.onKeyUp,
         onClear: this.onClear,
         valueProp: value
-      })), value && focus && droplistProps.items ? _react["default"].createElement(_Droplist["default"], _extends({}, droplistProps, {
+      })), showDropList && /*#__PURE__*/_react["default"].createElement(_Droplist["default"], _extends({}, droplistProps, {
         items: (0, _cloneDeep["default"])(droplistProps.items),
         term: value,
         onMouseDown: this.onMouseDown,
         onEnter: this.onEnter,
         isOnFocus: true,
         className: "".concat(classes.droplist).concat(droplistProps.className ? " ".concat(droplistProps.className) : '')
-      })) : null);
+      })));
     }
   }]);
 
@@ -236,7 +242,8 @@ Autocomplete.propTypes = {
     valueProp: _propTypes["default"].string,
     className: _propTypes["default"].string,
     inputClassName: _propTypes["default"].string,
-    disabled: _propTypes["default"].bool
+    disabled: _propTypes["default"].bool,
+    testId: _propTypes["default"].string
   }).isRequired,
 
   /** Object with the props for the Droplist component. Check their descriptions in the Droplist docs. */
@@ -250,7 +257,8 @@ Autocomplete.propTypes = {
     groupNameKey: _propTypes["default"].string,
     groupItemsKey: _propTypes["default"].string,
     className: _propTypes["default"].string,
-    filter: _propTypes["default"].bool
+    filter: _propTypes["default"].bool,
+    testId: _propTypes["default"].string
   }).isRequired,
 
   /** Function to call on change (TextField). */
@@ -276,12 +284,16 @@ Autocomplete.propTypes = {
   disableAutoComplete: _propTypes["default"].bool,
   id: _propTypes["default"].string,
   className: _propTypes["default"].string,
-  style: _propTypes["default"].object
+  style: _propTypes["default"].object,
+
+  /**  Shows dropList if it has initial data. */
+  showInitialData: _propTypes["default"].bool
 };
 Autocomplete.defaultProps = {
   textfieldProps: {},
   droplistProps: {},
-  disableAutoComplete: false
+  disableAutoComplete: false,
+  showInitialData: false
 };
 var _default = Autocomplete;
 exports["default"] = _default;

package/build/Autocomplete/Autocomplete.test.js

@@ -38,7 +38,7 @@ var items = [{
 }];
 describe("Autocomplete", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       droplistProps: {
         items: items
       },
@@ -47,7 +47,7 @@ describe("Autocomplete", function () {
     expect(wrapper).toMatchSnapshot();
   });
   it('renders the input and droplist', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       textfieldProps: {
         valueProp: 'a',
         className: 'input'
@@ -65,7 +65,7 @@ describe("Autocomplete", function () {
     expect(wrapper.find('.droplist').at(0).length).toBe(1);
   });
   it('hides the droplist when there\'s no value or the input has no focus', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       textfieldProps: {
         valueProp: 'a',
         className: 'input'
@@ -91,7 +91,7 @@ describe("Autocomplete", function () {
     expect(wrapper.find('.droplist').at(0).length).toBe(0);
   });
   it('filters the items of the droplist using the input value', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       textfieldProps: {
         className: 'input'
       },
@@ -113,7 +113,7 @@ describe("Autocomplete", function () {
   });
   it('returns the input value', function () {
     var onChange = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       onChange: onChange,
       textfieldProps: {
         className: 'input'
@@ -139,7 +139,7 @@ describe("Autocomplete", function () {
   });
   it('returns the object of the selected item', function () {
     var onMouseDown = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       onMouseDown: onMouseDown,
       textfieldProps: {
         valueProp: 'a',
@@ -154,7 +154,7 @@ describe("Autocomplete", function () {
     wrapper.setState({
       focus: true
     });
-    wrapper.find('.Droplist-item-0-1-29').at(0).simulate('mousedown');
+    wrapper.find('.Droplist-item-0-1-34').at(0).simulate('mousedown');
     expect(onMouseDown.mock.calls[0][0]).toEqual({
       id: 1,
       text: 'Administrador',
@@ -164,7 +164,7 @@ describe("Autocomplete", function () {
       focus: true,
       value: 'a'
     });
-    wrapper.find('.Droplist-item-0-1-29').at(1).simulate('mousedown');
+    wrapper.find('.Droplist-item-0-1-34').at(1).simulate('mousedown');
     expect(onMouseDown.mock.calls[1][0]).toEqual({
       id: 2,
       text: 'Administrador Sr',
@@ -173,7 +173,7 @@ describe("Autocomplete", function () {
   });
   it('calls the onChange function', function () {
     var onChange = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       onChange: onChange,
       textfieldProps: {
         valueProp: 'a',
@@ -194,7 +194,7 @@ describe("Autocomplete", function () {
   });
   it('calls the onMouseDown function', function () {
     var onMouseDown = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       onMouseDown: onMouseDown,
       textfieldProps: {
         valueProp: 'a',
@@ -209,12 +209,12 @@ describe("Autocomplete", function () {
     wrapper.setState({
       focus: true
     });
-    wrapper.find('.Droplist-item-0-1-29').at(0).simulate('mousedown');
+    wrapper.find('.Droplist-item-0-1-34').at(0).simulate('mousedown');
     expect(onMouseDown.mock.calls.length).toBe(1);
   });
   it('calls the onFocus function', function () {
     var onFocus = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       onFocus: onFocus,
       textfieldProps: {
         valueProp: 'a',
@@ -231,7 +231,7 @@ describe("Autocomplete", function () {
   });
   it('calls the onBlur function', function () {
     var onBlur = jest.fn();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
       onBlur: onBlur,
       textfieldProps: {
         valueProp: 'a',
@@ -249,7 +249,7 @@ describe("Autocomplete", function () {
 });
 describe("AutocompleteJSS", 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"], {
       droplistProps: {
         items: items
       },

package/build/Autocomplete/__snapshots__/Autocomplete.test.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Autocomplete matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Autocomplete styles matches the snapshot 1`] = `
+Object {
+  "autoComplete": Object {
+    "position": "relative",
+  },
+  "droplist": Object {
+    "left": 0,
+    "position": "absolute",
+    "top": [Function],
+    "width": "100%",
+    "zIndex": 2,
+  },
+}
+`;
+
+exports[`AutocompleteJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Avatar/Avatar.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
 });
@@ -13,37 +15,39 @@ var _AvatarContent = _interopRequireDefault(require("./AvatarContent"));
 
 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; } }
 
-/**
-* The Avatar component shows a rounded avatar with a profile picture, a gender icon or the first two capital letters of a name.
-* You can use more than one property as a fallback in case one of the props is empty or wrong.
-*/
-var Avatar =
-/*#__PURE__*/
-function (_React$Component) {
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/**
+ * The Avatar component shows a rounded avatar with a profile picture, a gender icon or the first two capital letters of a name.
+ * You can use more than one property as a fallback in case one of the props is empty or wrong.
+ */
+var Avatar = /*#__PURE__*/function (_React$Component) {
   _inherits(Avatar, _React$Component);
 
+  var _super = _createSuper(Avatar);
+
   function Avatar() {
     _classCallCheck(this, Avatar);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Avatar).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Avatar, [{
@@ -58,11 +62,11 @@ function (_React$Component) {
           id = _this$props.id,
           className = _this$props.className,
           style = _this$props.style;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         id: id,
         className: "".concat(classes.circle).concat(className ? " ".concat(className) : ''),
         style: style
-      }, _react["default"].createElement(_AvatarContent["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
         photo: photo,
         gender: gender,
         name: name,

package/build/Avatar/Avatar.test.js

@@ -21,7 +21,7 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Avatar", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Avatar["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
       name: "John Doe",
       classes: classes
     }));
@@ -30,7 +30,7 @@ describe("Avatar", function () {
 });
 describe("AvatarJSS", 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"], {
       name: "John Doe"
     }));
     expect(wrapper).toMatchSnapshot();

package/build/Avatar/AvatarContent/AvatarContent.js

@@ -15,7 +15,7 @@ var capitalLetter = function capitalLetter(name) {
   if (name) {
     var capitals = name.toUpperCase().split(" ");
     capitals = capitals.filter(Boolean);
-    return _react["default"].createElement("span", null, capitals[0] ? capitals[0].charAt(0) : 'N', capitals[1] ? capitals[1].charAt(0) : 'O');
+    return /*#__PURE__*/_react["default"].createElement("span", null, capitals[0] ? capitals[0].charAt(0) : 'N', capitals[1] ? capitals[1].charAt(0) : 'O');
   }
 
   return "";
@@ -27,17 +27,17 @@ var AvatarContent = function AvatarContent(_ref) {
       gender = _ref.gender,
       name = _ref.name,
       size = _ref.size;
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.wrap
-  }, gender && _react["default"].createElement("div", {
+  }, gender && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.cont, " ").concat(classes[gender])
-  }), !gender && name && _react["default"].createElement("div", {
+  }), !gender && name && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.cont, " ").concat(classes.capital),
     style: size ? {
       fontSize: "".concat(size * 0.4, "px"),
       lineHeight: "".concat(size, "px")
     } : {}
-  }, capitalLetter(name)), photo && _react["default"].createElement("div", {
+  }, capitalLetter(name)), photo && /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.cont,
     style: {
       background: "url('".concat(photo, "') no-repeat center center / cover")

package/build/Avatar/AvatarContent/AvatarContent.test.js

@@ -21,21 +21,21 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("AvatarContent", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
       name: "John Doe",
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('returns the first two capital letters of the name', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
       name: "John Doe",
       classes: classes
     }));
     expect(wrapper.find('.capital span').text()).toEqual('JD');
   });
   it('shows the right gender icon', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
       gender: "m",
       classes: classes
     }));
@@ -48,14 +48,14 @@ describe("AvatarContent", function () {
     expect(wrapper.find('.f').length).toBe(1);
   });
   it('renders the photo as a background', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
       photo: "http://placehold.it/70x70",
       classes: classes
     }));
     expect(wrapper.find('.cont').prop('style')).toHaveProperty('background', "url('http://placehold.it/70x70') no-repeat center center / cover");
   });
   it('changes the font size', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
       name: "John Doe",
       size: 50,
       classes: classes
@@ -67,7 +67,7 @@ describe("AvatarContent", function () {
 });
 describe("AvatarContentJSS", 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"], {
       name: "John Doe"
     }));
     expect(wrapper).toMatchSnapshot();

package/build/Avatar/AvatarContent/__snapshots__/AvatarContent.test.js.snap

@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AvatarContent matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`AvatarContent styles matches the snapshot 1`] = `
+Object {
+  "capital": Object {
+    "background": "#f5f5f5",
+    "color": "#dddddd",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": "57px",
+    "fontStyle": "normal",
+    "fontWeight": "400",
+    "letterSpacing": -2,
+    "lineHeight": "72px",
+    "textAlign": "center",
+  },
+  "cont": Object {
+    "borderRadius": "50%",
+    "height": "100%",
+    "left": "0",
+    "overflow": "hidden",
+    "position": "absolute",
+    "top": "0",
+    "width": "100%",
+  },
+  "f": Object {
+    "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJCQkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgoJCTxyZWN0IHk9IjAiIGZpbGw9IiNFOEVFRjgiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIvPgoJCTxwYXRoIGZpbGw9IiNEMEQ5RUQiIGQ9Ik00OS42LDI4LjRjLTAuOCwxLTIuNywxLjktNiwzLjJjLTQuOCwyLTkuNiwwLjYtMTEuOCwwYy03LjYtMS45LTExLDQuOC04LjQsMTEuM2MwLjQsMS4xLDAuOSwyLjUsMS40LDMuOQoJCQljLTAuOC01LjgtMC41LTE0LjUsNS41LTEzLjFjMi40LDAuNiw3LjgsMi4yLDEzLDBjMi45LTEuMiw1LjItMi43LDYuNS00YzAsMCwwLDAsMCwwYzAuMS0wLjUsMC4yLTAuOSwwLjMtMS40CgkJCUM0OS44LDI4LjUsNDkuNywyOC40LDQ5LjYsMjguNHoiLz4KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjMzLjMxMzUiIHkxPSI1Ny42MTI4IiB4Mj0iMzUuODEzNSIgeTI9IjY2LjM2MjgiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQzJDREUyIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNEOUUxRUYiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNNDMuNSw1NS43QzQzLjUsNTUuNyw0My41LDU1LjYsNDMuNSw1NS43YzAsMC0wLjEsMC0wLjIsMC4xYy0wLjgsMC43LTEuNiwxLjQtMi41LDIuMQoJCQljLTMuMSwyLjQtNy4yLDIuNy0xMC41LDAuOWMtMC41LTAuMy0wLjktMC41LTEuMy0wLjljLTAuOC0wLjYtMS41LTEuMi0yLjEtMS43YzAuNSwzLjcsMC41LDcuMy0wLjQsMTAuMmMtMC4xLDAuNC0wLjMsMC44LTAuNSwxLjIKCQkJYzAsMC40LTAuMSwwLjgtMC4xLDEuMmMwLjIsMCwwLjMsMC4xLDAuNSwwLjFDMjksNjkuNiwzMiw3MCwzNSw3MGMzLDAsNS44LTAuNCw4LjYtMS4xYzAuMSwwLDAuMy0wLjEsMC40LTAuMQoJCQlDNDMuNCw2NC41LDQzLjIsNTguNiw0My41LDU1Ljd6Ii8+CgkJPHBhdGggZmlsbD0iI0JEQzhERiIgZD0iTTU1LjIsNDcuNWMxLjItNC4yLDEuOC05LjQsMS43LTEzLjZjMC0xNi4zLTExLjItMjUuNC0yMS41LTI1LjRDMTkuNiw4LjQsMTIuNiwyNS42LDEyLjUsMzkKCQkJYy0xLjEsOC45LTEuMywxOC41LDAuMSwyMi44YzAsMCwwLDAuMSwwLDAuMWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMzLjcsMyw4LDUuMywxMi43LDYuN2MwLjEsMCwwLjMsMC4xLDAuNCwwLjEKCQkJYzAuMiwwLDAuMywwLjEsMC41LDAuMWMwLjEtMC44LDAuMS0xLjYsMC4yLTIuNWMxLTIuOSwxLTYuNiwwLjQtMTAuMmMwLTAuMy0wLjEtMC43LTAuMi0xYy0wLjEtMC40LTAuMS0wLjgtMC4yLTEuMgoJCQljLTAuNS0yLjUtMS4xLTQuOS0xLjgtNy4xYy0wLjUtMS41LTAuOS0yLjgtMS40LTMuOWMtMi41LTYuNSwwLjktMTMuMyw4LjQtMTEuM2MyLjIsMC42LDcsMiwxMS44LDBjMy4zLTEuNCw1LjItMi4yLDYtMy4yCgkJCWMwLjEsMCwwLjIsMC4xLDAuMywwLjFjLTAuMSwwLjQtMC4yLDAuOS0wLjMsMS40Yy0wLjMsMi0wLjYsNC40LTAuOCw2LjhjMS41LTEuNSwyLjQtMS42LDIuOS0wLjhjMC43LDEsMC4zLDIuMywwLDQuMwoJCQljLTAuMSwwLjgtMC40LDMtMC40LDMuNWMwLDEuMi0xLjIsMi4yLTIuNiwxLjhjMCwwLjMsMCwwLjYsMCwxYy0wLjMsMi40LTEuMyw0LjYtMi44LDYuM2MtMC44LDEtMS42LDItMi40LDIuOQoJCQljLTAuMSwwLjEtMC4xLDAuMS0wLjIsMC4yYy0wLjIsMy42LTAuMSw5LjMsMC4yLDEzLjFjMC4xLDAsMC4zLTAuMSwwLjQtMC4xYzYuMi0xLjYsMTEuNy00LjksMTYtOS4zQzU2LjIsNTYuMiw1My45LDUyLjEsNTUuMiw0Ny41CgkJCXoiLz4KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjkzLjQ2OTUiIHkxPSIxNzYuODA2MiIgeDI9IjM3LjIxOTUiIHkyPSI0MC41NTYyIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0M3RDJFNyIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRTBFN0YyIi8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBmaWxsPSJ1cmwoI1NWR0lEXzJfKSIgZD0iTTUxLjcsMzUuOWMtMC41LTAuOC0xLjQtMC44LTIuOSwwLjhjMC4yLTIuNCwwLjUtNC45LDAuOC02LjhjMCwwLDAsMCwwLDBjLTEuMywxLjMtMy42LDIuNy02LjUsNAoJCQljLTUuMSwyLjItMTAuNiwwLjYtMTMsMGMtNi4xLTEuNC02LjMsNy4yLTUuNSwxMy4xYzAuNywyLjEsMS4zLDQuNiwxLjgsNy4xYzAuMSwwLjQsMC4xLDAuOCwwLjIsMS4yYzAuMSwwLjMsMC4xLDAuNywwLjIsMQoJCQljMC43LDAuNiwxLjQsMS4xLDIuMSwxLjdjMC40LDAuMywwLjksMC42LDEuMywwLjljMy4zLDEuOCw3LjUsMS41LDEwLjUtMC45YzAuOS0wLjcsMS43LTEuNCwyLjUtMi4xYzAsMCwwLDAuMSwwLDAuMQoJCQljMC4xLTAuMSwwLjEtMC4xLDAuMi0wLjJjMC45LTAuOSwxLjctMS45LDIuNC0yLjljMS41LTEuNywyLjUtMy45LDIuOC02LjNjMC0wLjMsMC0wLjcsMC0xYzEuNSwwLjQsMi42LTAuNiwyLjYtMS44CgkJCWMwLTAuNSwwLjMtMi43LDAuNC0zLjVDNTIsMzguMiw1Mi4zLDM2LjksNTEuNywzNS45eiIvPgoJCTwvc3ZnPg==)",
+  },
+  "m": Object {
+    "background": "url(data:image/svg+xml;base64,CgkJPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJCQkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgoJCTxyZWN0IHk9IjAiIGZpbGw9IiNFOEVFRjgiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIvPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTM2OS43ODE5IiB5MT0iMzMzLjIwODgiIHgyPSItMzY5LjMxMjIiIHkyPSIzMzIuMjQ1MSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMzMuMDAyNCAzLjQ2ODcgLTMuNTUwNiAtMzMuNzgxNSAtMTA5NzYuNDAwNCAxMjU3Ny45Mzg1KSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNDMkNERTIiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Q5RTFFRiIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggZmlsbD0idXJsKCNTVkdJRF8xXykiIGQ9Ik00Mi4yLDYxLjFjLTMsMi42LTcuNCwyLjYtMTAuNCwwYy00LjQtMy43LTcuNC02LTkuNC04LjJjMC4xLDMuMi0wLjMsOS40LTIuNCwxMy43QzI0LjYsNjguOCwyOS43LDcwLDM1LDcwCgkJCWM2LDAsMTEuNi0xLjUsMTYuNS00LjJjLTEtMi42LTEuNC03LjctMS41LTExLjhDNDguMyw1Niw0NS43LDU4LjEsNDIuMiw2MS4xeiIvPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNzkuMzcwNSIgeTE9IjE4NC44MTkyIiB4Mj0iMzYuOTAyOSIgeTI9IjQzLjM0NjUiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQzdEMkU3Ii8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFMEU3RjIiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGZpbGw9InVybCgjU1ZHSURfMl8pIiBkPSJNNTIuNSw0NC4yYy0xLjUtMC4yLTEuNC0yLjEtMS4yLTQuNmMwLjEtMS44LDAtMywwLjMtNGMwLDAtMC4xLDAtMC4xLDAuMWMtMi4zLDEuNC0xLjUtNC44LTItOS40CgkJCWMtMC4xLTEuMS0wLjItMy4xLTAuOC01LjNjMC0wLjEtMC4xLTAuMi0wLjEtMC4zYy0wLjMtMS0wLjYtMi0xLTIuOWMwLDAuNS0wLjIsMC42LTAuMi0wLjJjMC0wLjktMi4zLDEzLjMtMTguOCwxMy4zCgkJCWMtMS45LDAtMy45LTAuMi01LjgtMC41YzAuMSw0LjYsMCwxMC4xLTEuNyw2LjhjLTAuMy0wLjYtMC41LTEtMC43LTEuMmMwLjMsMSwwLjIsMi4xLDAuMywzLjhjMC4xLDIuNCwwLjIsNC4zLTEuMiw0LjYKCQkJYy0wLjEsMC0wLjEsMC0wLjIsMGMwLjEsMi43LDAuNCw0LjgsMC45LDUuOGMwLjUsMSwxLjIsMS45LDIuMSwyLjljMiwyLjEsNSw0LjUsOS40LDguMmMzLDIuNiw3LjQsMi42LDEwLjQsMAoJCQljMy41LTIuOSw2LjEtNS4xLDcuOC03YzEuNC0xLjYsMi4xLTMsMi4xLTQuNWMwLTAuMiwwLjQtMy4xLDAuNy01LjRDNTIuNyw0NC4yLDUyLjYsNDQuMiw1Mi41LDQ0LjJ6Ii8+CgkJPHBhdGggZmlsbD0iI0QwRDlFRCIgZD0iTTI2LjcsMjguOWMtMS4zLDAtMi41LTAuMS0zLjgtMC4yYzAsMC41LDAsMSwwLDEuNWMxLjksMC4zLDMuOCwwLjUsNS44LDAuNWMxNi41LDAsMTguOC0xNC4yLDE4LjgtMTMuMwoJCQljMCwwLjgsMC4yLDAuNywwLjIsMC4yYy0wLjEtMC4zLTAuMy0wLjUtMC40LTAuOEM0Ni43LDE2LDQ0LjYsMjguOSwyNi43LDI4Ljl6Ii8+CgkJPHBhdGggZmlsbD0iI0Q5RTFFRiIgZD0iTTU1LjUsMzNjLTAuMS0wLjMtMC4zLTAuNS0wLjUtMC42Yy0wLjUtMC4zLTEuMiwwLjMtMS44LDFjLTAuNCwwLjQtMC43LDAuOS0xLDEuMmMtMC4zLDAuMy0wLjQsMC42LTAuNiwxCgkJCWMtMC40LDEtMC4yLDIuMi0wLjMsNGMtMC4xLDIuNC0wLjIsNC4zLDEuMiw0LjZjMC4xLDAsMC4yLDAsMC4zLDBjMS4zLDAsMi4yLTEuMiwyLjItM0M1NS4xLDM5LjMsNTYuMywzNC43LDU1LjUsMzN6Ii8+CgkJPHBhdGggZmlsbD0iI0JEQzhERiIgZD0iTTU1LjEsMjEuMmMtMC4zLTIuNC0xLjUtNC44LTMuNi02LjhjLTAuMS0wLjEtMS45LTAuNS0yLjQtMC40Yy0wLjEtMC41LTAuNy0xLjktMS4xLTIuMQoJCQljLTIuNC0xLjMtNS41LTIuMi05LjItMi42QzM3LjMsOSwzNS43LDguOSwzNCw5LjJjLTUuNywxLTksOC4zLTEzLjcsOS45Yy00LjcsMS42LTQuMywxLjItNC4zLDUuNWMwLDEuMywwLjcsMi4yLDEuOCwyLjcKCQkJYzAsMS40LDAuMSwzLDAuMiw0LjRjMCwwLjIsMC4xLDAuNSwwLjEsMC44YzAuNCwwLjMsMC44LDAuNywxLjIsMS4yYzAuMiwwLjMsMC40LDAuNiwwLjYsMC44YzAuMywwLjQsMC41LDAuOCwwLjYsMS4yCgkJCWMwLjIsMC4yLDAuNCwwLjYsMC43LDEuMmMxLjYsMy4yLDEuNy0yLjMsMS43LTYuOGMwLTAuNSwwLTEsMC0xLjVjMS4zLDAuMSwyLjUsMC4yLDMuOCwwLjJjMTcuOSwwLDIwLTEyLjksMjAuNS0xMi4xCgkJCWMwLjEsMC4zLDAuMywwLjUsMC40LDAuOGMwLjQsMC45LDAuOCwxLjksMSwyLjljMCwwLjEsMC4xLDAuMiwwLjEsMC4zYzAuNSwyLjIsMC43LDQuMiwwLjgsNS4zYzAuNCw0LjctMC4zLDEwLjgsMiw5LjQKCQkJYzAsMCwwLjEsMCwwLjEtMC4xYzAuMS0wLjMsMC4zLTAuNywwLjYtMWMwLjMtMC40LDAuNy0wLjgsMS0xLjJjMC42LTAuNywxLjMtMS4zLDEuOC0xQzU1LjMsMjksNTUuNSwyNC40LDU1LjEsMjEuMnoiLz4KCQk8cGF0aCBmaWxsPSIjREVFNUYxIiBkPSJNMjAuOCwzOS42Yy0wLjEtMS43LDAtMi44LTAuMy0zLjhjLTAuMS0wLjQtMC4zLTAuOC0wLjYtMS4yYy0wLjItMC4yLTAuNC0wLjUtMC42LTAuOAoJCQljLTAuNC0wLjUtMC44LTAuOS0xLjItMS4yYy0wLjYtMC40LTEuMS0wLjUtMS41LDAuNGMtMC44LDEuNywwLjQsNi4zLDAuNCw4LjNjMC4xLDEuOCwxLDMuMSwyLjQsM2MwLjEsMCwwLjEsMCwwLjIsMAoJCQlDMjEuMSw0My45LDIwLjksNDIsMjAuOCwzOS42eiIvPgoJCTwvc3ZnPg==)",
+  },
+  "wrap": Object {
+    "height": "100%",
+    "position": "relative",
+    "width": "100%",
+  },
+}
+`;
+
+exports[`AvatarContentJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Avatar/AvatarContent/styles.js

@@ -9,6 +9,8 @@ var _fonts = _interopRequireDefault(require("../../subatomic/fonts"));
 
 var _icons = _interopRequireDefault(require("../../subatomic/icons"));
 
+var _colors = _interopRequireDefault(require("../../subatomic/colors"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = {
@@ -34,12 +36,14 @@ var _default = {
   },
   capital: {
     fontFamily: _fonts["default"].body,
-    fontSize: 70 * 0.4,
-    lineHeight: '70px',
-    fontWeight: '600',
-    background: '#dae1e5',
-    color: '#afb8c0',
-    textAlign: 'center'
+    fontSize: '57px',
+    lineHeight: '72px',
+    fontWeight: '400',
+    background: _colors["default"].grey100,
+    color: _colors["default"].grey200,
+    textAlign: 'center',
+    letterSpacing: -2,
+    fontStyle: 'normal'
   }
 };
 exports["default"] = _default;