@atlaskit/avatar - npm Package Compare versions

Comparing version 2.1.4 to 2.1.5

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="2.1.4"></a>
-## 2.1.4 (2017-03-23)
+<a name="2.1.5"></a>
+## 2.1.5 (2017-04-04)
 
 
 
+<a name="2.1.5"></a>
+## 2.1.5 (2017-04-04)
+
+
+### Bug Fixes
+
+* **component:** fixes avatar to be able to be tested using mocha and jsdom ([7a0f9fb](https://bitbucket.org/atlassian/atlaskit/commits/7a0f9fb))
+
+
+
 <a name="2.1.4"></a>
@@ -7,0 +17,0 @@ ## 2.1.4 (2017-03-23)

dist/bundle-cjs.js

@@ -82,12 +82,30 @@ module.exports = /******/
         value: !0
-    }), exports.Presence = void 0;
-    var _defineProperty2 = __webpack_require__(4), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _classnames = __webpack_require__(10), _classnames2 = _interopRequireDefault(_classnames), _utilSharedStyles = __webpack_require__(11), _styles = __webpack_require__(12), _styles2 = _interopRequireDefault(_styles), _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react), _Presence = __webpack_require__(17), _Presence2 = _interopRequireDefault(_Presence), _Image = __webpack_require__(20), _Image2 = _interopRequireDefault(_Image), _sizes = __webpack_require__(24), _sizes2 = _interopRequireDefault(_sizes), _presences = __webpack_require__(19), _presences2 = _interopRequireDefault(_presences);
-    // we export the presence component to so that it can be consumed separately
-    exports.Presence = _Presence2.default;
-    var Avatar = function(_PureComponent) {
-        function Avatar(props) {
+    }), exports.Presence = exports.default = void 0;
+    var _Avatar = __webpack_require__(4), _Avatar2 = _interopRequireDefault(_Avatar), _Presence2 = __webpack_require__(18), _Presence3 = _interopRequireDefault(_Presence2);
+    exports.default = _Avatar2.default, exports.Presence = _Presence3.default;
+}, /* 4 */
+/***/
+function(module, exports, __webpack_require__) {
+    "use strict";
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            default: obj
+        };
+    }
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    }), exports.SIZE = void 0;
+    var _defineProperty2 = __webpack_require__(5), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(6), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(7), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(8), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(9), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(10), _inherits3 = _interopRequireDefault(_inherits2), _classnames = __webpack_require__(11), _classnames2 = _interopRequireDefault(_classnames), _utilSharedStyles = __webpack_require__(12), _styles = __webpack_require__(13), _styles2 = _interopRequireDefault(_styles), _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react), _Presence = __webpack_require__(18), _Presence2 = _interopRequireDefault(_Presence), _Image = __webpack_require__(20), _Image2 = _interopRequireDefault(_Image), SIZE = exports.SIZE = {
+        values: [ "xsmall", "small", "medium", "large", "xlarge" ],
+        defaultValue: "small"
+    }, Avatar = function(_PureComponent) {
+        function Avatar() {
+            var _ref, _temp, _this, _ret;
             (0, _classCallCheck3.default)(this, Avatar);
-            var _this = (0, _possibleConstructorReturn3.default)(this, (Avatar.__proto__ || (0, 
-            _getPrototypeOf2.default)(Avatar)).call(this, props));
-            return _this.imageLoadedHandler = function() {
+            for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+            return _temp = _this = (0, _possibleConstructorReturn3.default)(this, (_ref = Avatar.__proto__ || (0, 
+            _getPrototypeOf2.default)(Avatar)).call.apply(_ref, [ this ].concat(args))), _this.state = {
+                isLoading: !1,
+                hasError: !1
+            }, _this.imageLoadedHandler = function() {
                 _this.setState({
@@ -102,6 +120,3 @@ isLoading: !1,
                 });
-            }, _this.state = {
-                isLoading: !1,
-                hasError: !1
-            }, _this;
+            }, _ret = _temp, (0, _possibleConstructorReturn3.default)(_this, _ret);
         }
@@ -148,8 +163,19 @@ return (0, _inherits3.default)(Avatar, _PureComponent), (0, _createClass3.default)(Avatar, [ {
     }(_react.PureComponent);
-    Avatar.displayName = "AkAvatar", Avatar.propTypes = {
+    Avatar.propTypes = {
+        /** Used to override the default border color of the presence indicator.
+	  Accepts any color argument that the border-color CSS property accepts. */
         presenceBorderColor: _react.PropTypes.string,
-        presence: _react.PropTypes.oneOf(_presences2.default),
-        size: _react.PropTypes.oneOf(_sizes2.default),
+        /** Indicates a user's online status by showing a small icon on the avatar.
+	  Refer to presence values on the Presence component */
+        presence: _react.PropTypes.oneOf(_Presence.PRESENCE_TYPE.values),
+        /** Defines the size of the avatar */
+        size: _react.PropTypes.oneOf(SIZE.values),
+        /** A url to load an image from (this can also be a base64 encoded image) */
         src: _react.PropTypes.string,
+        /** Defines the label for the Avatar used by screen readers as fallback
+	  content if the image fails to load. */
         label: _react.PropTypes.string,
+        /** Content to use as a custom presence indicator. Accepts any React element.
+	  For best results, it is recommended to use square content with height and
+	  width of 100% */
         children: _react.PropTypes.element
@@ -162,35 +188,35 @@ }, Avatar.defaultProps = {
     }, exports.default = Avatar;
-}, /* 4 */
+}, /* 5 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/defineProperty");
-}, /* 5 */
+}, /* 6 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/core-js/object/get-prototype-of");
-}, /* 6 */
+}, /* 7 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/classCallCheck");
-}, /* 7 */
+}, /* 8 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/createClass");
-}, /* 8 */
+}, /* 9 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
-}, /* 9 */
+}, /* 10 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/inherits");
-}, /* 10 */
+}, /* 11 */
 /***/
 function(module, exports) {
     module.exports = require("classnames");
-}, /* 11 */
+}, /* 12 */
 /***/
 function(module, exports) {
     module.exports = require("@atlaskit/util-shared-styles");
-}, /* 12 */
+}, /* 13 */
 /***/
@@ -200,39 +226,39 @@ function(module, exports, __webpack_require__) {
     // load the styles
-    var content = __webpack_require__(13);
+    var content = __webpack_require__(14);
     "string" == typeof content && (content = [ [ module.id, content, "" ] ]);
     // add the styles to the DOM
-    __webpack_require__(15)(content, {});
+    __webpack_require__(16)(content, {});
     content.locals && (module.exports = content.locals);
-}, /* 13 */
+}, /* 14 */
 /***/
 function(module, exports, __webpack_require__) {
-    exports = module.exports = __webpack_require__(14)(), // imports
+    exports = module.exports = __webpack_require__(15)(), // imports
     // module
-    exports.push([ module.id, "._2eTlOYgixZ4hSvx9oBH6U8{display:inline-block;position:relative}._2kX3vQVNtZwMxT1zRpLdMD{height:16px;width:16px}._2kX3vQVNtZwMxT1zRpLdMD ._2DPOfUmzBCGM3x5BiAil3i{right:0;height:0;bottom:0;width:0}._3pCpxqPAUH5MtlT29-UCTS{height:24px;width:24px}._3pCpxqPAUH5MtlT29-UCTS ._2DPOfUmzBCGM3x5BiAil3i{right:-2px;height:12px;bottom:-2px;width:12px}._3pCpxqPAUH5MtlT29-UCTS ._1X5FIGz1auCxwQsBgKLgxv{border-width:2px}._3UV2u-exoAQxkwdUXk_XyH{height:32px;width:32px}._3UV2u-exoAQxkwdUXk_XyH ._2DPOfUmzBCGM3x5BiAil3i{right:-2px;height:12px;bottom:-2px;width:12px}._3UV2u-exoAQxkwdUXk_XyH ._1X5FIGz1auCxwQsBgKLgxv{border-width:2px}.Kyn5pJ35XiAplY7Cg_FFv{height:48px;width:48px}.Kyn5pJ35XiAplY7Cg_FFv ._2DPOfUmzBCGM3x5BiAil3i{right:-3px;height:18px;bottom:-3px;width:18px}.Kyn5pJ35XiAplY7Cg_FFv ._1X5FIGz1auCxwQsBgKLgxv{border-width:3px}._3Z9KJILx_iXpYd19m7ZV{height:96px;width:96px}._3Z9KJILx_iXpYd19m7ZV ._2DPOfUmzBCGM3x5BiAil3i{right:6px;height:18px;bottom:6px;width:18px}._3Z9KJILx_iXpYd19m7ZV ._1X5FIGz1auCxwQsBgKLgxv{border-width:3px}._2UDZXA0L1sHSbwxZSz3VOb{align-content:center;-webkit-box-align:middle;align-items:middle;background-color:#dfe1e6;border-radius:100%;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}._2UDZXA0L1sHSbwxZSz3VOb img{height:100%;width:100%;display:none}._2UDZXA0L1sHSbwxZSz3VOb._3XvJlk-fukx8v5vj_PDw7-{background-color:transparent}._2UDZXA0L1sHSbwxZSz3VOb._3XvJlk-fukx8v5vj_PDw7- img{display:inline-block}._2DPOfUmzBCGM3x5BiAil3i{position:absolute}._1X5FIGz1auCxwQsBgKLgxv{align-content:center;-webkit-box-align:middle;align-items:middle;border:2px solid #fff;border-radius:100%;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%}._1X5FIGz1auCxwQsBgKLgxv:empty{display:none}.xP79gRik9VN0RijZfBWEx{display:none}", "" ]), 
+    exports.push([ module.id, "._9h_qSYw_07agRklMEYgZ-{display:inline-block;position:relative}.d56twF_tOLvWUTfi4NEkK{height:16px;width:16px}.d56twF_tOLvWUTfi4NEkK ._17kCbvrCUfKkCw95o0Bw2Z{right:0;height:0;bottom:0;width:0}._2Qe1bk0MDSMevT6_wjzkGO{height:24px;width:24px}._2Qe1bk0MDSMevT6_wjzkGO ._17kCbvrCUfKkCw95o0Bw2Z{right:-2px;height:12px;bottom:-2px;width:12px}._2Qe1bk0MDSMevT6_wjzkGO ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:2px}._3Zh4OVkU9R-0aXK8kOSlE2{height:32px;width:32px}._3Zh4OVkU9R-0aXK8kOSlE2 ._17kCbvrCUfKkCw95o0Bw2Z{right:-2px;height:12px;bottom:-2px;width:12px}._3Zh4OVkU9R-0aXK8kOSlE2 ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:2px}._1zmRBj0NQxbaC7H5LmrYU9{height:48px;width:48px}._1zmRBj0NQxbaC7H5LmrYU9 ._17kCbvrCUfKkCw95o0Bw2Z{right:-3px;height:18px;bottom:-3px;width:18px}._1zmRBj0NQxbaC7H5LmrYU9 ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:3px}._3RPL7Nj5OpQKyuc2GNhsFa{height:96px;width:96px}._3RPL7Nj5OpQKyuc2GNhsFa ._17kCbvrCUfKkCw95o0Bw2Z{right:6px;height:18px;bottom:6px;width:18px}._3RPL7Nj5OpQKyuc2GNhsFa ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:3px}.N0ViSLhqf5E4eCiBrlCQ-{align-content:center;-webkit-box-align:middle;align-items:middle;background-color:#dfe1e6;border-radius:100%;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.N0ViSLhqf5E4eCiBrlCQ- img{height:100%;width:100%;display:none}.N0ViSLhqf5E4eCiBrlCQ-._1tkc2q_p2ssdXUnAQ3KFqH{background-color:transparent}.N0ViSLhqf5E4eCiBrlCQ-._1tkc2q_p2ssdXUnAQ3KFqH img{display:inline-block}._17kCbvrCUfKkCw95o0Bw2Z{position:absolute}._2AdNR3UG8ZqVF0X-mZvi8w{align-content:center;-webkit-box-align:middle;align-items:middle;border:2px solid #fff;border-radius:100%;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%}._2AdNR3UG8ZqVF0X-mZvi8w:empty{display:none}._3PV6tdHN0OemnbDiwUBett{display:none}", "" ]), 
     // exports
     exports.locals = {
-        root: "_2eTlOYgixZ4hSvx9oBH6U8",
-        root: "_2eTlOYgixZ4hSvx9oBH6U8",
-        xsmall: "_2kX3vQVNtZwMxT1zRpLdMD",
-        xsmall: "_2kX3vQVNtZwMxT1zRpLdMD",
-        "presence-wrapper": "_2DPOfUmzBCGM3x5BiAil3i",
-        presenceWrapper: "_2DPOfUmzBCGM3x5BiAil3i",
-        small: "_3pCpxqPAUH5MtlT29-UCTS",
-        small: "_3pCpxqPAUH5MtlT29-UCTS",
-        presence: "_1X5FIGz1auCxwQsBgKLgxv",
-        presence: "_1X5FIGz1auCxwQsBgKLgxv",
-        medium: "_3UV2u-exoAQxkwdUXk_XyH",
-        medium: "_3UV2u-exoAQxkwdUXk_XyH",
-        large: "Kyn5pJ35XiAplY7Cg_FFv",
-        large: "Kyn5pJ35XiAplY7Cg_FFv",
-        xlarge: "_3Z9KJILx_iXpYd19m7ZV",
-        xlarge: "_3Z9KJILx_iXpYd19m7ZV",
-        imgWrapper: "_2UDZXA0L1sHSbwxZSz3VOb",
-        imgWrapper: "_2UDZXA0L1sHSbwxZSz3VOb",
-        loaded: "_3XvJlk-fukx8v5vj_PDw7-",
-        loaded: "_3XvJlk-fukx8v5vj_PDw7-",
-        hidden: "xP79gRik9VN0RijZfBWEx",
-        hidden: "xP79gRik9VN0RijZfBWEx"
+        root: "_9h_qSYw_07agRklMEYgZ-",
+        root: "_9h_qSYw_07agRklMEYgZ-",
+        xsmall: "d56twF_tOLvWUTfi4NEkK",
+        xsmall: "d56twF_tOLvWUTfi4NEkK",
+        "presence-wrapper": "_17kCbvrCUfKkCw95o0Bw2Z",
+        presenceWrapper: "_17kCbvrCUfKkCw95o0Bw2Z",
+        small: "_2Qe1bk0MDSMevT6_wjzkGO",
+        small: "_2Qe1bk0MDSMevT6_wjzkGO",
+        presence: "_2AdNR3UG8ZqVF0X-mZvi8w",
+        presence: "_2AdNR3UG8ZqVF0X-mZvi8w",
+        medium: "_3Zh4OVkU9R-0aXK8kOSlE2",
+        medium: "_3Zh4OVkU9R-0aXK8kOSlE2",
+        large: "_1zmRBj0NQxbaC7H5LmrYU9",
+        large: "_1zmRBj0NQxbaC7H5LmrYU9",
+        xlarge: "_3RPL7Nj5OpQKyuc2GNhsFa",
+        xlarge: "_3RPL7Nj5OpQKyuc2GNhsFa",
+        imgWrapper: "N0ViSLhqf5E4eCiBrlCQ-",
+        imgWrapper: "N0ViSLhqf5E4eCiBrlCQ-",
+        loaded: "_1tkc2q_p2ssdXUnAQ3KFqH",
+        loaded: "_1tkc2q_p2ssdXUnAQ3KFqH",
+        hidden: "_3PV6tdHN0OemnbDiwUBett",
+        hidden: "_3PV6tdHN0OemnbDiwUBett"
     };
-}, /* 14 */
+}, /* 15 */
 /***/
@@ -272,3 +298,3 @@ function(module, exports) {
     };
-}, /* 15 */
+}, /* 16 */
 /***/
@@ -417,7 +443,7 @@ function(module, exports, __webpack_require__) {
     }();
-}, /* 16 */
+}, /* 17 */
 /***/
 function(module, exports) {
     module.exports = require("react");
-}, /* 17 */
+}, /* 18 */
 /***/
@@ -433,4 +459,12 @@ function(module, exports, __webpack_require__) {
         value: !0
-    });
-    var _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(11), _icons = __webpack_require__(18), _icons2 = _interopRequireDefault(_icons), _presences = __webpack_require__(19), _presences2 = _interopRequireDefault(_presences), _styles = __webpack_require__(13), _styles2 = _interopRequireDefault(_styles), Presence = function(_PureComponent) {
+    }), exports.PRESENCE_TYPE = void 0;
+    var _getPrototypeOf = __webpack_require__(6), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(7), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(8), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(9), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(10), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(12), _icons = __webpack_require__(19), _icons2 = _interopRequireDefault(_icons), _styles = __webpack_require__(14), _styles2 = _interopRequireDefault(_styles);
+    // This hack is to make sure that styles.locals exists when style loading is a noop (when we are
+    // running tests).
+    // TODO: Remove in AK-2025
+    _styles2.default.locals = _styles2.default.locals || {};
+    var PRESENCE_TYPE = exports.PRESENCE_TYPE = {
+        values: [ "none", "online", "busy", "offline" ],
+        defaultValue: "none"
+    }, Presence = function(_PureComponent) {
         function Presence() {
@@ -453,12 +487,18 @@ return (0, _classCallCheck3.default)(this, Presence), (0, _possibleConstructorReturn3.default)(this, (Presence.__proto__ || (0,
     }(_react.PureComponent);
-    Presence.displayName = "AkPresence", Presence.propTypes = {
+    Presence.propTypes = {
+        /** Content to use as a custom presence indicator (usually not required if
+	  consuming Presence separate to Avatar) */
         children: _react.PropTypes.element,
+        /** Used to override the default border color of the presence indicator.
+	  Accepts any color argument that the border-color CSS property accepts */
         borderColor: _react.PropTypes.string,
-        presence: _react.PropTypes.oneOf(_presences2.default)
+        /** Content to use as a custom presence indicator (usually not required if
+	  consuming Presence separate to Avatar). */
+        presence: _react.PropTypes.oneOf(PRESENCE_TYPE.values)
     }, Presence.defaultProps = {
         borderColor: _utilSharedStyles.akColorPrimary3,
         // white
-        presence: "none"
+        presence: PRESENCE_TYPE.defaultValue
     }, exports.default = Presence;
-}, /* 18 */
+}, /* 19 */
 /***/
@@ -475,3 +515,3 @@ function(module, exports, __webpack_require__) {
     });
-    var _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react);
+    var _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react);
     exports.default = {
@@ -562,9 +602,2 @@ // eslint-disable-next-line max-len
     };
-}, /* 19 */
-/***/
-function(module, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", {
-        value: !0
-    }), exports.default = [ "none", "online", "busy", "offline" ];
 }, /* 20 */
@@ -582,3 +615,3 @@ /***/
     });
-    var _extends2 = __webpack_require__(21), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(22), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react), _defaultAvatar = __webpack_require__(23), _defaultAvatar2 = _interopRequireDefault(_defaultAvatar), Image = function(_PureComponent) {
+    var _extends2 = __webpack_require__(21), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(22), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _getPrototypeOf = __webpack_require__(6), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(7), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(8), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(9), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(10), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react), _DefaultAvatar = __webpack_require__(23), _DefaultAvatar2 = _interopRequireDefault(_DefaultAvatar), Image = function(_PureComponent) {
         function Image() {
@@ -596,3 +629,3 @@ return (0, _classCallCheck3.default)(this, Image), (0, _possibleConstructorReturn3.default)(this, (Image.__proto__ || (0,
                     alt: this.props.alt
-                }, propsForImage)) : _react2.default.createElement(_defaultAvatar2.default, null);
+                }, propsForImage)) : _react2.default.createElement(_DefaultAvatar2.default, null);
             }
@@ -629,3 +662,3 @@ } ]), Image;
     });
-    var _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react);
+    var _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react);
     // TODO move this to ak-icon
@@ -668,9 +701,2 @@ // eslint-disable-next-line max-len
     };
-}, /* 24 */
-/***/
-function(module, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", {
-        value: !0
-    }), exports.default = [ "xsmall", "small", "medium", "large", "xlarge" ];
 } ]);

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(3)},,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Presence=void 0;var i=r(4),l=n(i),o=r(5),a=n(o),s=r(6),d=n(s),u=r(7),p=n(u),f=r(8),c=n(f),h=r(9),x=n(h),m=r(10),g=n(m),v=r(11),b=r(12),_=n(b),C=r(16),y=n(C),w=r(17),k=n(w),E=r(20),L=n(E),P=r(24),U=n(P),M=r(19),B=n(M);t.Presence=k.default;var X=function(e){function t(e){(0,d.default)(this,t);var r=(0,c.default)(this,(t.__proto__||(0,a.default)(t)).call(this,e));return r.imageLoadedHandler=function(){r.setState({isLoading:!1,hasError:!1})},r.imageErrorHandler=function(){r.setState({hasError:!0,isLoading:!1})},r.state={isLoading:!1,hasError:!1},r}return(0,x.default)(t,e),(0,p.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e,t=this.props,r=t.presenceBorderColor,n=t.presence,i=t.size,o=t.src,a=t.label,s=t.children,d=(0,g.default)([_.default[i],_.default.size]),u=(0,g.default)((0,l.default)({},_.default.loaded,!this.state.isLoading),_.default.imgWrapper),p=(0,g.default)((e={},(0,l.default)(e,_.default.hidden,"none"===n&&!s),(0,l.default)(e,_.default.presenceWrapper,!0),e));return y.default.createElement("div",{className:_.default.root},y.default.createElement("div",{className:d},y.default.createElement("div",{className:u,"aria-label":a},y.default.createElement(L.default,{alt:a,src:o,className:_.default.img,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:this.state.hasError,isLoading:this.state.isLoading})),y.default.createElement("div",{className:p},y.default.createElement(k.default,{presence:n,borderColor:r},s))))}}]),t}(C.PureComponent);X.displayName="AkAvatar",X.propTypes={presenceBorderColor:C.PropTypes.string,presence:C.PropTypes.oneOf(B.default),size:C.PropTypes.oneOf(U.default),src:C.PropTypes.string,label:C.PropTypes.string,children:C.PropTypes.element},X.defaultProps={presenceBorderColor:v.akColorPrimary3,presence:"none",size:"medium"},t.default=X},function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("classnames")},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,r){var n=r(13);"string"==typeof n&&(n=[[e.id,n,""]]),r(15)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(14)(),t.push([e.id,"._2eTlOYgixZ4hSvx9oBH6U8{display:inline-block;position:relative}._2kX3vQVNtZwMxT1zRpLdMD{height:16px;width:16px}._2kX3vQVNtZwMxT1zRpLdMD ._2DPOfUmzBCGM3x5BiAil3i{right:0;height:0;bottom:0;width:0}._3pCpxqPAUH5MtlT29-UCTS{height:24px;width:24px}._3pCpxqPAUH5MtlT29-UCTS ._2DPOfUmzBCGM3x5BiAil3i{right:-2px;height:12px;bottom:-2px;width:12px}._3pCpxqPAUH5MtlT29-UCTS ._1X5FIGz1auCxwQsBgKLgxv{border-width:2px}._3UV2u-exoAQxkwdUXk_XyH{height:32px;width:32px}._3UV2u-exoAQxkwdUXk_XyH ._2DPOfUmzBCGM3x5BiAil3i{right:-2px;height:12px;bottom:-2px;width:12px}._3UV2u-exoAQxkwdUXk_XyH ._1X5FIGz1auCxwQsBgKLgxv{border-width:2px}.Kyn5pJ35XiAplY7Cg_FFv{height:48px;width:48px}.Kyn5pJ35XiAplY7Cg_FFv ._2DPOfUmzBCGM3x5BiAil3i{right:-3px;height:18px;bottom:-3px;width:18px}.Kyn5pJ35XiAplY7Cg_FFv ._1X5FIGz1auCxwQsBgKLgxv{border-width:3px}._3Z9KJILx_iXpYd19m7ZV{height:96px;width:96px}._3Z9KJILx_iXpYd19m7ZV ._2DPOfUmzBCGM3x5BiAil3i{right:6px;height:18px;bottom:6px;width:18px}._3Z9KJILx_iXpYd19m7ZV ._1X5FIGz1auCxwQsBgKLgxv{border-width:3px}._2UDZXA0L1sHSbwxZSz3VOb{align-content:center;-webkit-box-align:middle;align-items:middle;background-color:#dfe1e6;border-radius:100%;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}._2UDZXA0L1sHSbwxZSz3VOb img{height:100%;width:100%;display:none}._2UDZXA0L1sHSbwxZSz3VOb._3XvJlk-fukx8v5vj_PDw7-{background-color:transparent}._2UDZXA0L1sHSbwxZSz3VOb._3XvJlk-fukx8v5vj_PDw7- img{display:inline-block}._2DPOfUmzBCGM3x5BiAil3i{position:absolute}._1X5FIGz1auCxwQsBgKLgxv{align-content:center;-webkit-box-align:middle;align-items:middle;border:2px solid #fff;border-radius:100%;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%}._1X5FIGz1auCxwQsBgKLgxv:empty{display:none}.xP79gRik9VN0RijZfBWEx{display:none}",""]),t.locals={root:"_2eTlOYgixZ4hSvx9oBH6U8",root:"_2eTlOYgixZ4hSvx9oBH6U8",xsmall:"_2kX3vQVNtZwMxT1zRpLdMD",xsmall:"_2kX3vQVNtZwMxT1zRpLdMD","presence-wrapper":"_2DPOfUmzBCGM3x5BiAil3i",presenceWrapper:"_2DPOfUmzBCGM3x5BiAil3i",small:"_3pCpxqPAUH5MtlT29-UCTS",small:"_3pCpxqPAUH5MtlT29-UCTS",presence:"_1X5FIGz1auCxwQsBgKLgxv",presence:"_1X5FIGz1auCxwQsBgKLgxv",medium:"_3UV2u-exoAQxkwdUXk_XyH",medium:"_3UV2u-exoAQxkwdUXk_XyH",large:"Kyn5pJ35XiAplY7Cg_FFv",large:"Kyn5pJ35XiAplY7Cg_FFv",xlarge:"_3Z9KJILx_iXpYd19m7ZV",xlarge:"_3Z9KJILx_iXpYd19m7ZV",imgWrapper:"_2UDZXA0L1sHSbwxZSz3VOb",imgWrapper:"_2UDZXA0L1sHSbwxZSz3VOb",loaded:"_3XvJlk-fukx8v5vj_PDw7-",loaded:"_3XvJlk-fukx8v5vj_PDw7-",hidden:"xP79gRik9VN0RijZfBWEx",hidden:"xP79gRik9VN0RijZfBWEx"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},i=0;i<this.length;i++){var l=this[i][0];"number"==typeof l&&(n[l]=!0)}for(i=0;i<t.length;i++){var o=t[i];"number"==typeof o[0]&&n[o[0]]||(r&&!o[2]?o[2]=r:r&&(o[2]="("+o[2]+") and ("+r+")"),e.push(o))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],i=c[n.id];if(i){i.refs++;for(var l=0;l<i.parts.length;l++)i.parts[l](n.parts[l]);for(;l<n.parts.length;l++)i.parts.push(d(n.parts[l],t))}else{for(var o=[],l=0;l<n.parts.length;l++)o.push(d(n.parts[l],t));c[n.id]={id:n.id,refs:1,parts:o}}}}function i(e){for(var t=[],r={},n=0;n<e.length;n++){var i=e[n],l=i[0],o=i[1],a=i[2],s=i[3],d={css:o,media:a,sourceMap:s};r[l]?r[l].parts.push(d):t.push(r[l]={id:l,parts:[d]})}return t}function l(e,t){var r=m(),n=b[b.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),b.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function o(e){e.parentNode.removeChild(e);var t=b.indexOf(e);t>=0&&b.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",l(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",l(e,t),t}function d(e,t){var r,n,i;if(t.singleton){var l=v++;r=g||(g=a(t)),n=u.bind(null,r,l,!1),i=u.bind(null,r,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=s(t),n=f.bind(null,r),i=function(){o(r),r.href&&URL.revokeObjectURL(r.href)}):(r=a(t),n=p.bind(null,r),i=function(){o(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else i()}}function u(e,t,r,n){var i=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=_(t,i);else{var l=document.createTextNode(i),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(l,o[t]):e.appendChild(l)}}function p(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function f(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var i=new Blob([r],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(i),l&&URL.revokeObjectURL(l)}var c={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},x=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=h(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,v=0,b=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=x()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=i(e);return n(r,t),function(e){for(var l=[],o=0;o<r.length;o++){var a=r[o],s=c[a.id];s.refs--,l.push(s)}if(e){var d=i(e);n(d,t)}for(var o=0;o<l.length;o++){var s=l[o];if(0===s.refs){for(var u=0;u<s.parts.length;u++)s.parts[u]();delete c[s.id]}}}};var _=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=require("react")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(5),l=n(i),o=r(6),a=n(o),s=r(7),d=n(s),u=r(8),p=n(u),f=r(9),c=n(f),h=r(16),x=n(h),m=r(11),g=r(18),v=n(g),b=r(19),_=n(b),C=r(13),y=n(C),w=function(e){function t(){return(0,a.default)(this,t),(0,p.default)(this,(t.__proto__||(0,l.default)(t)).apply(this,arguments))}return(0,c.default)(t,e),(0,d.default)(t,[{key:"render",value:function(){var e={borderColor:this.props.borderColor},t=v.default[this.props.presence]||null;return x.default.createElement("div",{className:y.default.locals.presence,style:e},this.props.children?this.props.children:x.default.createElement(t,null))}}]),t}(h.PureComponent);w.displayName="AkPresence",w.propTypes={children:h.PropTypes.element,borderColor:h.PropTypes.string,presence:h.PropTypes.oneOf(_.default)},w.defaultProps={borderColor:m.akColorPrimary3,presence:"none"},t.default=w},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(16),l=n(i);t.default={online:function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---presence",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"Available",fill:"#48CC8C"},l.default.createElement("circle",{id:"Oval-3-Copy-7",cx:"4",cy:"4",r:"4"}))))},busy:function(){return l.default.createElement("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 8 8",style:{enableBackground:"new 0 0 8 8"}},l.default.createElement("g",{id:"User---presence"},l.default.createElement("g",{id:"Busy-light"},l.default.createElement("circle",{id:"Combined-Shape-Copy-5",fill:"#ED5451",cx:"4",cy:"4",r:"4"}),l.default.createElement("path",{id:"Rectangle",fill:"#FFFFFF",d:"M3.3,1.9l2.8,2.8c0.2,0.2,0.2,0.5,0,0.7L5.4,6.1c-0.2,0.2-0.5,0.2-0.7,0L1.9,3.3c-0.2-0.2-0.2-0.5,0-0.7l0.7-0.7C2.8,1.7,3.1,1.7,3.3,1.9z"}))))},offline:function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---presence",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"Unavailable"},l.default.createElement("g",{id:"presence---offline"},l.default.createElement("path",{d:"M4,8 C6.209139,8 8,6.209139 8,4 C8,1.790861 6.209139,0 4,0 C1.790861,0 0,1.790861 0,4 C0,6.209139 1.790861,8 4,8 Z M4,6 C5.1045695,6 6,5.1045695 6,4 C6,2.8954305 5.1045695,2 4,2 C2.8954305,2 2,2.8954305 2,4 C2,5.1045695 2.8954305,6 4,6 Z",id:"Combined-Shape-Copy-14",fill:"#6C798E"}),l.default.createElement("path",{d:"M4,6 C5.1045695,6 6,5.1045695 6,4 C6,2.8954305 5.1045695,2 4,2 C2.8954305,2 2,2.8954305 2,4 C2,5.1045695 2.8954305,6 4,6 Z",id:"Combined-Shape-Copy-14",fill:"#CFD4DB"})))))},none:function(){return null}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=["none","online","busy","offline"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(21),l=n(i),o=r(22),a=n(o),s=r(5),d=n(s),u=r(6),p=n(u),f=r(7),c=n(f),h=r(8),x=n(h),m=r(9),g=n(m),v=r(16),b=n(v),_=r(23),C=n(_),y=function(e){function t(){return(0,p.default)(this,t),(0,x.default)(this,(t.__proto__||(0,d.default)(t)).apply(this,arguments))}return(0,g.default)(t,e),(0,c.default)(t,[{key:"render",value:function(){var e=this.props,t=e.hasError,r=e.isLoading,n=(0,a.default)(e,["hasError","isLoading"]);return r||this.props.src&&!t?b.default.createElement("img",(0,l.default)({alt:this.props.alt},n)):b.default.createElement(C.default,null)}}]),t}(v.PureComponent);y.propTypes={isLoading:v.PropTypes.bool,src:v.PropTypes.string,hasError:v.PropTypes.bool,alt:v.PropTypes.string,onError:v.PropTypes.func,onLoad:v.PropTypes.func},t.default=y},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/helpers/objectWithoutProperties")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(16),l=n(i);t.default=function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---sizes",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"xlarge---100px"},l.default.createElement("g",{id:"Defualt-avatar"},l.default.createElement("path",{d:"M50,0 C22.3833333,0 0,22.3888889 0,50 C0,77.6166667 22.3833333,100 50,100 C77.6111111,100 100,77.6166667 100,50 C100,22.3888889 77.6111111,0 50,0 L50,0 Z",id:"Fill-1",fill:"#1893E7"}),l.default.createElement("path",{d:"M50,19 C58.8373333,19 66,26.168 66,35 C66,43.8373333 58.8373333,51 50,51 C41.1626667,51 34,43.8373333 34,35 C34,26.168 41.1626667,19 50,19 L50,19 Z",id:"Path",fill:"#80D8FF"}),l.default.createElement("mask",{id:"mask-2",fill:"white"},l.default.createElement("path",{d:"M80.5246347,74.2768131 C73.3793503,83.2490744 62.3612755,89 50,89 C37.6385983,89 26.6204246,83.2489569 19.4751464,74.2765382 C23.8287068,66.9274259 31.8398972,62 41.0068806,62 L58.9931194,62 C68.1573006,62 76.1701334,66.9268153 80.5246347,74.2768131 Z"})),l.default.createElement("path",{fill:"#80D8FF",d:"M80.5246347,74.2768131 C73.3793503,83.2490744 62.3612755,89 50,89 C37.6385983,89 26.6204246,83.2489569 19.4751464,74.2765382 C23.8287068,66.9274259 31.8398972,62 41.0068806,62 L58.9931194,62 C68.1573006,62 76.1701334,66.9268153 80.5246347,74.2768131 Z"})))))}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=["xsmall","small","medium","large","xlarge"]}]);
+module.exports=function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(3)},,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Presence=t.default=void 0;var i=r(4),l=n(i),a=r(18),o=n(a);t.default=l.default,t.Presence=o.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SIZE=void 0;var i=r(5),l=n(i),a=r(6),o=n(a),s=r(7),d=n(s),u=r(8),f=n(u),p=r(9),c=n(p),h=r(10),m=n(h),v=r(11),g=n(v),b=r(12),C=r(13),_=n(C),x=r(17),w=n(x),y=r(18),E=n(y),k=r(20),U=n(k),L=t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"small"},N=function(e){function t(){var e,r,n,i;(0,d.default)(this,t);for(var l=arguments.length,a=Array(l),s=0;s<l;s++)a[s]=arguments[s];return r=n=(0,c.default)(this,(e=t.__proto__||(0,o.default)(t)).call.apply(e,[this].concat(a))),n.state={isLoading:!1,hasError:!1},n.imageLoadedHandler=function(){n.setState({isLoading:!1,hasError:!1})},n.imageErrorHandler=function(){n.setState({hasError:!0,isLoading:!1})},i=r,(0,c.default)(n,i)}return(0,m.default)(t,e),(0,f.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e,t=this.props,r=t.presenceBorderColor,n=t.presence,i=t.size,a=t.src,o=t.label,s=t.children,d=(0,g.default)([_.default[i],_.default.size]),u=(0,g.default)((0,l.default)({},_.default.loaded,!this.state.isLoading),_.default.imgWrapper),f=(0,g.default)((e={},(0,l.default)(e,_.default.hidden,"none"===n&&!s),(0,l.default)(e,_.default.presenceWrapper,!0),e));return w.default.createElement("div",{className:_.default.root},w.default.createElement("div",{className:d},w.default.createElement("div",{className:u,"aria-label":o},w.default.createElement(U.default,{alt:o,src:a,className:_.default.img,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:this.state.hasError,isLoading:this.state.isLoading})),w.default.createElement("div",{className:f},w.default.createElement(E.default,{presence:n,borderColor:r},s))))}}]),t}(x.PureComponent);N.propTypes={presenceBorderColor:x.PropTypes.string,presence:x.PropTypes.oneOf(y.PRESENCE_TYPE.values),size:x.PropTypes.oneOf(L.values),src:x.PropTypes.string,label:x.PropTypes.string,children:x.PropTypes.element},N.defaultProps={presenceBorderColor:b.akColorPrimary3,presence:"none",size:"medium"},t.default=N},function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("classnames")},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,r){var n=r(14);"string"==typeof n&&(n=[[e.id,n,""]]),r(16)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(15)(),t.push([e.id,"._9h_qSYw_07agRklMEYgZ-{display:inline-block;position:relative}.d56twF_tOLvWUTfi4NEkK{height:16px;width:16px}.d56twF_tOLvWUTfi4NEkK ._17kCbvrCUfKkCw95o0Bw2Z{right:0;height:0;bottom:0;width:0}._2Qe1bk0MDSMevT6_wjzkGO{height:24px;width:24px}._2Qe1bk0MDSMevT6_wjzkGO ._17kCbvrCUfKkCw95o0Bw2Z{right:-2px;height:12px;bottom:-2px;width:12px}._2Qe1bk0MDSMevT6_wjzkGO ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:2px}._3Zh4OVkU9R-0aXK8kOSlE2{height:32px;width:32px}._3Zh4OVkU9R-0aXK8kOSlE2 ._17kCbvrCUfKkCw95o0Bw2Z{right:-2px;height:12px;bottom:-2px;width:12px}._3Zh4OVkU9R-0aXK8kOSlE2 ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:2px}._1zmRBj0NQxbaC7H5LmrYU9{height:48px;width:48px}._1zmRBj0NQxbaC7H5LmrYU9 ._17kCbvrCUfKkCw95o0Bw2Z{right:-3px;height:18px;bottom:-3px;width:18px}._1zmRBj0NQxbaC7H5LmrYU9 ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:3px}._3RPL7Nj5OpQKyuc2GNhsFa{height:96px;width:96px}._3RPL7Nj5OpQKyuc2GNhsFa ._17kCbvrCUfKkCw95o0Bw2Z{right:6px;height:18px;bottom:6px;width:18px}._3RPL7Nj5OpQKyuc2GNhsFa ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:3px}.N0ViSLhqf5E4eCiBrlCQ-{align-content:center;-webkit-box-align:middle;align-items:middle;background-color:#dfe1e6;border-radius:100%;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.N0ViSLhqf5E4eCiBrlCQ- img{height:100%;width:100%;display:none}.N0ViSLhqf5E4eCiBrlCQ-._1tkc2q_p2ssdXUnAQ3KFqH{background-color:transparent}.N0ViSLhqf5E4eCiBrlCQ-._1tkc2q_p2ssdXUnAQ3KFqH img{display:inline-block}._17kCbvrCUfKkCw95o0Bw2Z{position:absolute}._2AdNR3UG8ZqVF0X-mZvi8w{align-content:center;-webkit-box-align:middle;align-items:middle;border:2px solid #fff;border-radius:100%;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%}._2AdNR3UG8ZqVF0X-mZvi8w:empty{display:none}._3PV6tdHN0OemnbDiwUBett{display:none}",""]),t.locals={root:"_9h_qSYw_07agRklMEYgZ-",root:"_9h_qSYw_07agRklMEYgZ-",xsmall:"d56twF_tOLvWUTfi4NEkK",xsmall:"d56twF_tOLvWUTfi4NEkK","presence-wrapper":"_17kCbvrCUfKkCw95o0Bw2Z",presenceWrapper:"_17kCbvrCUfKkCw95o0Bw2Z",small:"_2Qe1bk0MDSMevT6_wjzkGO",small:"_2Qe1bk0MDSMevT6_wjzkGO",presence:"_2AdNR3UG8ZqVF0X-mZvi8w",presence:"_2AdNR3UG8ZqVF0X-mZvi8w",medium:"_3Zh4OVkU9R-0aXK8kOSlE2",medium:"_3Zh4OVkU9R-0aXK8kOSlE2",large:"_1zmRBj0NQxbaC7H5LmrYU9",large:"_1zmRBj0NQxbaC7H5LmrYU9",xlarge:"_3RPL7Nj5OpQKyuc2GNhsFa",xlarge:"_3RPL7Nj5OpQKyuc2GNhsFa",imgWrapper:"N0ViSLhqf5E4eCiBrlCQ-",imgWrapper:"N0ViSLhqf5E4eCiBrlCQ-",loaded:"_1tkc2q_p2ssdXUnAQ3KFqH",loaded:"_1tkc2q_p2ssdXUnAQ3KFqH",hidden:"_3PV6tdHN0OemnbDiwUBett",hidden:"_3PV6tdHN0OemnbDiwUBett"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},i=0;i<this.length;i++){var l=this[i][0];"number"==typeof l&&(n[l]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&n[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],i=c[n.id];if(i){i.refs++;for(var l=0;l<i.parts.length;l++)i.parts[l](n.parts[l]);for(;l<n.parts.length;l++)i.parts.push(d(n.parts[l],t))}else{for(var a=[],l=0;l<n.parts.length;l++)a.push(d(n.parts[l],t));c[n.id]={id:n.id,refs:1,parts:a}}}}function i(e){for(var t=[],r={},n=0;n<e.length;n++){var i=e[n],l=i[0],a=i[1],o=i[2],s=i[3],d={css:a,media:o,sourceMap:s};r[l]?r[l].parts.push(d):t.push(r[l]={id:l,parts:[d]})}return t}function l(e,t){var r=v(),n=C[C.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),C.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=C.indexOf(e);t>=0&&C.splice(t,1)}function o(e){var t=document.createElement("style");return t.type="text/css",l(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",l(e,t),t}function d(e,t){var r,n,i;if(t.singleton){var l=b++;r=g||(g=o(t)),n=u.bind(null,r,l,!1),i=u.bind(null,r,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=s(t),n=p.bind(null,r),i=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=o(t),n=f.bind(null,r),i=function(){a(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else i()}}function u(e,t,r,n){var i=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=_(t,i);else{var l=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(l,a[t]):e.appendChild(l)}}function f(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function p(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var i=new Blob([r],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(i),l&&URL.revokeObjectURL(l)}var c={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=h(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,b=0,C=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=i(e);return n(r,t),function(e){for(var l=[],a=0;a<r.length;a++){var o=r[a],s=c[o.id];s.refs--,l.push(s)}if(e){var d=i(e);n(d,t)}for(var a=0;a<l.length;a++){var s=l[a];if(0===s.refs){for(var u=0;u<s.parts.length;u++)s.parts[u]();delete c[s.id]}}}};var _=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=require("react")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PRESENCE_TYPE=void 0;var i=r(6),l=n(i),a=r(7),o=n(a),s=r(8),d=n(s),u=r(9),f=n(u),p=r(10),c=n(p),h=r(17),m=n(h),v=r(12),g=r(19),b=n(g),C=r(14),_=n(C);_.default.locals=_.default.locals||{};var x=t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},w=function(e){function t(){return(0,o.default)(this,t),(0,f.default)(this,(t.__proto__||(0,l.default)(t)).apply(this,arguments))}return(0,c.default)(t,e),(0,d.default)(t,[{key:"render",value:function(){var e={borderColor:this.props.borderColor},t=b.default[this.props.presence]||null;return m.default.createElement("div",{className:_.default.locals.presence,style:e},this.props.children?this.props.children:m.default.createElement(t,null))}}]),t}(h.PureComponent);w.propTypes={children:h.PropTypes.element,borderColor:h.PropTypes.string,presence:h.PropTypes.oneOf(x.values)},w.defaultProps={borderColor:v.akColorPrimary3,presence:x.defaultValue},t.default=w},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(17),l=n(i);t.default={online:function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---presence",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"Available",fill:"#48CC8C"},l.default.createElement("circle",{id:"Oval-3-Copy-7",cx:"4",cy:"4",r:"4"}))))},busy:function(){return l.default.createElement("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 8 8",style:{enableBackground:"new 0 0 8 8"}},l.default.createElement("g",{id:"User---presence"},l.default.createElement("g",{id:"Busy-light"},l.default.createElement("circle",{id:"Combined-Shape-Copy-5",fill:"#ED5451",cx:"4",cy:"4",r:"4"}),l.default.createElement("path",{id:"Rectangle",fill:"#FFFFFF",d:"M3.3,1.9l2.8,2.8c0.2,0.2,0.2,0.5,0,0.7L5.4,6.1c-0.2,0.2-0.5,0.2-0.7,0L1.9,3.3c-0.2-0.2-0.2-0.5,0-0.7l0.7-0.7C2.8,1.7,3.1,1.7,3.3,1.9z"}))))},offline:function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---presence",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"Unavailable"},l.default.createElement("g",{id:"presence---offline"},l.default.createElement("path",{d:"M4,8 C6.209139,8 8,6.209139 8,4 C8,1.790861 6.209139,0 4,0 C1.790861,0 0,1.790861 0,4 C0,6.209139 1.790861,8 4,8 Z M4,6 C5.1045695,6 6,5.1045695 6,4 C6,2.8954305 5.1045695,2 4,2 C2.8954305,2 2,2.8954305 2,4 C2,5.1045695 2.8954305,6 4,6 Z",id:"Combined-Shape-Copy-14",fill:"#6C798E"}),l.default.createElement("path",{d:"M4,6 C5.1045695,6 6,5.1045695 6,4 C6,2.8954305 5.1045695,2 4,2 C2.8954305,2 2,2.8954305 2,4 C2,5.1045695 2.8954305,6 4,6 Z",id:"Combined-Shape-Copy-14",fill:"#CFD4DB"})))))},none:function(){return null}}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(21),l=n(i),a=r(22),o=n(a),s=r(6),d=n(s),u=r(7),f=n(u),p=r(8),c=n(p),h=r(9),m=n(h),v=r(10),g=n(v),b=r(17),C=n(b),_=r(23),x=n(_),w=function(e){function t(){return(0,f.default)(this,t),(0,m.default)(this,(t.__proto__||(0,d.default)(t)).apply(this,arguments))}return(0,g.default)(t,e),(0,c.default)(t,[{key:"render",value:function(){var e=this.props,t=e.hasError,r=e.isLoading,n=(0,o.default)(e,["hasError","isLoading"]);return r||this.props.src&&!t?C.default.createElement("img",(0,l.default)({alt:this.props.alt},n)):C.default.createElement(x.default,null)}}]),t}(b.PureComponent);w.propTypes={isLoading:b.PropTypes.bool,src:b.PropTypes.string,hasError:b.PropTypes.bool,alt:b.PropTypes.string,onError:b.PropTypes.func,onLoad:b.PropTypes.func},t.default=w},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/helpers/objectWithoutProperties")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(17),l=n(i);t.default=function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---sizes",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"xlarge---100px"},l.default.createElement("g",{id:"Defualt-avatar"},l.default.createElement("path",{d:"M50,0 C22.3833333,0 0,22.3888889 0,50 C0,77.6166667 22.3833333,100 50,100 C77.6111111,100 100,77.6166667 100,50 C100,22.3888889 77.6111111,0 50,0 L50,0 Z",id:"Fill-1",fill:"#1893E7"}),l.default.createElement("path",{d:"M50,19 C58.8373333,19 66,26.168 66,35 C66,43.8373333 58.8373333,51 50,51 C41.1626667,51 34,43.8373333 34,35 C34,26.168 41.1626667,19 50,19 L50,19 Z",id:"Path",fill:"#80D8FF"}),l.default.createElement("mask",{id:"mask-2",fill:"white"},l.default.createElement("path",{d:"M80.5246347,74.2768131 C73.3793503,83.2490744 62.3612755,89 50,89 C37.6385983,89 26.6204246,83.2489569 19.4751464,74.2765382 C23.8287068,66.9274259 31.8398972,62 41.0068806,62 L58.9931194,62 C68.1573006,62 76.1701334,66.9268153 80.5246347,74.2768131 Z"})),l.default.createElement("path",{fill:"#80D8FF",d:"M80.5246347,74.2768131 C73.3793503,83.2490744 62.3612755,89 50,89 C37.6385983,89 26.6204246,83.2489569 19.4751464,74.2765382 C23.8287068,66.9274259 31.8398972,62 41.0068806,62 L58.9931194,62 C68.1573006,62 76.1701334,66.9268153 80.5246347,74.2768131 Z"})))))}}]);

dist/bundle.js

 !function(root, factory) {
     "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/defineProperty"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("classnames"), require("@atlaskit/util-shared-styles"), require("react"), require("babel-runtime/helpers/extends"), require("babel-runtime/helpers/objectWithoutProperties")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/defineProperty", "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "classnames", "@atlaskit/util-shared-styles", "react", "babel-runtime/helpers/extends", "babel-runtime/helpers/objectWithoutProperties" ], factory) : "object" == typeof exports ? exports["@atlaskit/avatar"] = factory(require("babel-runtime/helpers/defineProperty"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("classnames"), require("@atlaskit/util-shared-styles"), require("react"), require("babel-runtime/helpers/extends"), require("babel-runtime/helpers/objectWithoutProperties")) : root["@atlaskit/avatar"] = factory(root["babel-runtime/helpers/defineProperty"], root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root.classnames, root["@atlaskit/util-shared-styles"], root.react, root["babel-runtime/helpers/extends"], root["babel-runtime/helpers/objectWithoutProperties"]);
-}(this, function(__WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_16__, __WEBPACK_EXTERNAL_MODULE_21__, __WEBPACK_EXTERNAL_MODULE_22__) {
+}(this, function(__WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_17__, __WEBPACK_EXTERNAL_MODULE_21__, __WEBPACK_EXTERNAL_MODULE_22__) {
     /******/
@@ -85,12 +85,30 @@ return function(modules) {
             value: !0
-        }), exports.Presence = void 0;
-        var _defineProperty2 = __webpack_require__(4), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _classnames = __webpack_require__(10), _classnames2 = _interopRequireDefault(_classnames), _utilSharedStyles = __webpack_require__(11), _styles = __webpack_require__(12), _styles2 = _interopRequireDefault(_styles), _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react), _Presence = __webpack_require__(17), _Presence2 = _interopRequireDefault(_Presence), _Image = __webpack_require__(20), _Image2 = _interopRequireDefault(_Image), _sizes = __webpack_require__(24), _sizes2 = _interopRequireDefault(_sizes), _presences = __webpack_require__(19), _presences2 = _interopRequireDefault(_presences);
-        // we export the presence component to so that it can be consumed separately
-        exports.Presence = _Presence2.default;
-        var Avatar = function(_PureComponent) {
-            function Avatar(props) {
+        }), exports.Presence = exports.default = void 0;
+        var _Avatar = __webpack_require__(4), _Avatar2 = _interopRequireDefault(_Avatar), _Presence2 = __webpack_require__(18), _Presence3 = _interopRequireDefault(_Presence2);
+        exports.default = _Avatar2.default, exports.Presence = _Presence3.default;
+    }, /* 4 */
+    /***/
+    function(module, exports, __webpack_require__) {
+        "use strict";
+        function _interopRequireDefault(obj) {
+            return obj && obj.__esModule ? obj : {
+                default: obj
+            };
+        }
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        }), exports.SIZE = void 0;
+        var _defineProperty2 = __webpack_require__(5), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(6), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(7), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(8), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(9), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(10), _inherits3 = _interopRequireDefault(_inherits2), _classnames = __webpack_require__(11), _classnames2 = _interopRequireDefault(_classnames), _utilSharedStyles = __webpack_require__(12), _styles = __webpack_require__(13), _styles2 = _interopRequireDefault(_styles), _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react), _Presence = __webpack_require__(18), _Presence2 = _interopRequireDefault(_Presence), _Image = __webpack_require__(20), _Image2 = _interopRequireDefault(_Image), SIZE = exports.SIZE = {
+            values: [ "xsmall", "small", "medium", "large", "xlarge" ],
+            defaultValue: "small"
+        }, Avatar = function(_PureComponent) {
+            function Avatar() {
+                var _ref, _temp, _this, _ret;
                 (0, _classCallCheck3.default)(this, Avatar);
-                var _this = (0, _possibleConstructorReturn3.default)(this, (Avatar.__proto__ || (0, 
-                _getPrototypeOf2.default)(Avatar)).call(this, props));
-                return _this.imageLoadedHandler = function() {
+                for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+                return _temp = _this = (0, _possibleConstructorReturn3.default)(this, (_ref = Avatar.__proto__ || (0, 
+                _getPrototypeOf2.default)(Avatar)).call.apply(_ref, [ this ].concat(args))), _this.state = {
+                    isLoading: !1,
+                    hasError: !1
+                }, _this.imageLoadedHandler = function() {
                     _this.setState({
@@ -105,6 +123,3 @@ isLoading: !1,
                     });
-                }, _this.state = {
-                    isLoading: !1,
-                    hasError: !1
-                }, _this;
+                }, _ret = _temp, (0, _possibleConstructorReturn3.default)(_this, _ret);
             }
@@ -151,8 +166,19 @@ return (0, _inherits3.default)(Avatar, _PureComponent), (0, _createClass3.default)(Avatar, [ {
         }(_react.PureComponent);
-        Avatar.displayName = "AkAvatar", Avatar.propTypes = {
+        Avatar.propTypes = {
+            /** Used to override the default border color of the presence indicator.
+	  Accepts any color argument that the border-color CSS property accepts. */
             presenceBorderColor: _react.PropTypes.string,
-            presence: _react.PropTypes.oneOf(_presences2.default),
-            size: _react.PropTypes.oneOf(_sizes2.default),
+            /** Indicates a user's online status by showing a small icon on the avatar.
+	  Refer to presence values on the Presence component */
+            presence: _react.PropTypes.oneOf(_Presence.PRESENCE_TYPE.values),
+            /** Defines the size of the avatar */
+            size: _react.PropTypes.oneOf(SIZE.values),
+            /** A url to load an image from (this can also be a base64 encoded image) */
             src: _react.PropTypes.string,
+            /** Defines the label for the Avatar used by screen readers as fallback
+	  content if the image fails to load. */
             label: _react.PropTypes.string,
+            /** Content to use as a custom presence indicator. Accepts any React element.
+	  For best results, it is recommended to use square content with height and
+	  width of 100% */
             children: _react.PropTypes.element
@@ -165,6 +191,2 @@ }, Avatar.defaultProps = {
         }, exports.default = Avatar;
-    }, /* 4 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
     }, /* 5 */
@@ -200,42 +222,46 @@ /***/
     /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_12__;
+    }, /* 13 */
+    /***/
     function(module, exports, __webpack_require__) {
         // style-loader: Adds some css to the DOM by adding a <style> tag
         // load the styles
-        var content = __webpack_require__(13);
+        var content = __webpack_require__(14);
         "string" == typeof content && (content = [ [ module.id, content, "" ] ]);
         // add the styles to the DOM
-        __webpack_require__(15)(content, {});
+        __webpack_require__(16)(content, {});
         content.locals && (module.exports = content.locals);
-    }, /* 13 */
+    }, /* 14 */
     /***/
     function(module, exports, __webpack_require__) {
-        exports = module.exports = __webpack_require__(14)(), // imports
+        exports = module.exports = __webpack_require__(15)(), // imports
         // module
-        exports.push([ module.id, "._2eTlOYgixZ4hSvx9oBH6U8{display:inline-block;position:relative}._2kX3vQVNtZwMxT1zRpLdMD{height:16px;width:16px}._2kX3vQVNtZwMxT1zRpLdMD ._2DPOfUmzBCGM3x5BiAil3i{right:0;height:0;bottom:0;width:0}._3pCpxqPAUH5MtlT29-UCTS{height:24px;width:24px}._3pCpxqPAUH5MtlT29-UCTS ._2DPOfUmzBCGM3x5BiAil3i{right:-2px;height:12px;bottom:-2px;width:12px}._3pCpxqPAUH5MtlT29-UCTS ._1X5FIGz1auCxwQsBgKLgxv{border-width:2px}._3UV2u-exoAQxkwdUXk_XyH{height:32px;width:32px}._3UV2u-exoAQxkwdUXk_XyH ._2DPOfUmzBCGM3x5BiAil3i{right:-2px;height:12px;bottom:-2px;width:12px}._3UV2u-exoAQxkwdUXk_XyH ._1X5FIGz1auCxwQsBgKLgxv{border-width:2px}.Kyn5pJ35XiAplY7Cg_FFv{height:48px;width:48px}.Kyn5pJ35XiAplY7Cg_FFv ._2DPOfUmzBCGM3x5BiAil3i{right:-3px;height:18px;bottom:-3px;width:18px}.Kyn5pJ35XiAplY7Cg_FFv ._1X5FIGz1auCxwQsBgKLgxv{border-width:3px}._3Z9KJILx_iXpYd19m7ZV{height:96px;width:96px}._3Z9KJILx_iXpYd19m7ZV ._2DPOfUmzBCGM3x5BiAil3i{right:6px;height:18px;bottom:6px;width:18px}._3Z9KJILx_iXpYd19m7ZV ._1X5FIGz1auCxwQsBgKLgxv{border-width:3px}._2UDZXA0L1sHSbwxZSz3VOb{align-content:center;-webkit-box-align:middle;align-items:middle;background-color:#dfe1e6;border-radius:100%;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}._2UDZXA0L1sHSbwxZSz3VOb img{height:100%;width:100%;display:none}._2UDZXA0L1sHSbwxZSz3VOb._3XvJlk-fukx8v5vj_PDw7-{background-color:transparent}._2UDZXA0L1sHSbwxZSz3VOb._3XvJlk-fukx8v5vj_PDw7- img{display:inline-block}._2DPOfUmzBCGM3x5BiAil3i{position:absolute}._1X5FIGz1auCxwQsBgKLgxv{align-content:center;-webkit-box-align:middle;align-items:middle;border:2px solid #fff;border-radius:100%;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%}._1X5FIGz1auCxwQsBgKLgxv:empty{display:none}.xP79gRik9VN0RijZfBWEx{display:none}", "" ]), 
+        exports.push([ module.id, "._9h_qSYw_07agRklMEYgZ-{display:inline-block;position:relative}.d56twF_tOLvWUTfi4NEkK{height:16px;width:16px}.d56twF_tOLvWUTfi4NEkK ._17kCbvrCUfKkCw95o0Bw2Z{right:0;height:0;bottom:0;width:0}._2Qe1bk0MDSMevT6_wjzkGO{height:24px;width:24px}._2Qe1bk0MDSMevT6_wjzkGO ._17kCbvrCUfKkCw95o0Bw2Z{right:-2px;height:12px;bottom:-2px;width:12px}._2Qe1bk0MDSMevT6_wjzkGO ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:2px}._3Zh4OVkU9R-0aXK8kOSlE2{height:32px;width:32px}._3Zh4OVkU9R-0aXK8kOSlE2 ._17kCbvrCUfKkCw95o0Bw2Z{right:-2px;height:12px;bottom:-2px;width:12px}._3Zh4OVkU9R-0aXK8kOSlE2 ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:2px}._1zmRBj0NQxbaC7H5LmrYU9{height:48px;width:48px}._1zmRBj0NQxbaC7H5LmrYU9 ._17kCbvrCUfKkCw95o0Bw2Z{right:-3px;height:18px;bottom:-3px;width:18px}._1zmRBj0NQxbaC7H5LmrYU9 ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:3px}._3RPL7Nj5OpQKyuc2GNhsFa{height:96px;width:96px}._3RPL7Nj5OpQKyuc2GNhsFa ._17kCbvrCUfKkCw95o0Bw2Z{right:6px;height:18px;bottom:6px;width:18px}._3RPL7Nj5OpQKyuc2GNhsFa ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:3px}.N0ViSLhqf5E4eCiBrlCQ-{align-content:center;-webkit-box-align:middle;align-items:middle;background-color:#dfe1e6;border-radius:100%;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.N0ViSLhqf5E4eCiBrlCQ- img{height:100%;width:100%;display:none}.N0ViSLhqf5E4eCiBrlCQ-._1tkc2q_p2ssdXUnAQ3KFqH{background-color:transparent}.N0ViSLhqf5E4eCiBrlCQ-._1tkc2q_p2ssdXUnAQ3KFqH img{display:inline-block}._17kCbvrCUfKkCw95o0Bw2Z{position:absolute}._2AdNR3UG8ZqVF0X-mZvi8w{align-content:center;-webkit-box-align:middle;align-items:middle;border:2px solid #fff;border-radius:100%;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%}._2AdNR3UG8ZqVF0X-mZvi8w:empty{display:none}._3PV6tdHN0OemnbDiwUBett{display:none}", "" ]), 
         // exports
         exports.locals = {
-            root: "_2eTlOYgixZ4hSvx9oBH6U8",
-            root: "_2eTlOYgixZ4hSvx9oBH6U8",
-            xsmall: "_2kX3vQVNtZwMxT1zRpLdMD",
-            xsmall: "_2kX3vQVNtZwMxT1zRpLdMD",
-            "presence-wrapper": "_2DPOfUmzBCGM3x5BiAil3i",
-            presenceWrapper: "_2DPOfUmzBCGM3x5BiAil3i",
-            small: "_3pCpxqPAUH5MtlT29-UCTS",
-            small: "_3pCpxqPAUH5MtlT29-UCTS",
-            presence: "_1X5FIGz1auCxwQsBgKLgxv",
-            presence: "_1X5FIGz1auCxwQsBgKLgxv",
-            medium: "_3UV2u-exoAQxkwdUXk_XyH",
-            medium: "_3UV2u-exoAQxkwdUXk_XyH",
-            large: "Kyn5pJ35XiAplY7Cg_FFv",
-            large: "Kyn5pJ35XiAplY7Cg_FFv",
-            xlarge: "_3Z9KJILx_iXpYd19m7ZV",
-            xlarge: "_3Z9KJILx_iXpYd19m7ZV",
-            imgWrapper: "_2UDZXA0L1sHSbwxZSz3VOb",
-            imgWrapper: "_2UDZXA0L1sHSbwxZSz3VOb",
-            loaded: "_3XvJlk-fukx8v5vj_PDw7-",
-            loaded: "_3XvJlk-fukx8v5vj_PDw7-",
-            hidden: "xP79gRik9VN0RijZfBWEx",
-            hidden: "xP79gRik9VN0RijZfBWEx"
+            root: "_9h_qSYw_07agRklMEYgZ-",
+            root: "_9h_qSYw_07agRklMEYgZ-",
+            xsmall: "d56twF_tOLvWUTfi4NEkK",
+            xsmall: "d56twF_tOLvWUTfi4NEkK",
+            "presence-wrapper": "_17kCbvrCUfKkCw95o0Bw2Z",
+            presenceWrapper: "_17kCbvrCUfKkCw95o0Bw2Z",
+            small: "_2Qe1bk0MDSMevT6_wjzkGO",
+            small: "_2Qe1bk0MDSMevT6_wjzkGO",
+            presence: "_2AdNR3UG8ZqVF0X-mZvi8w",
+            presence: "_2AdNR3UG8ZqVF0X-mZvi8w",
+            medium: "_3Zh4OVkU9R-0aXK8kOSlE2",
+            medium: "_3Zh4OVkU9R-0aXK8kOSlE2",
+            large: "_1zmRBj0NQxbaC7H5LmrYU9",
+            large: "_1zmRBj0NQxbaC7H5LmrYU9",
+            xlarge: "_3RPL7Nj5OpQKyuc2GNhsFa",
+            xlarge: "_3RPL7Nj5OpQKyuc2GNhsFa",
+            imgWrapper: "N0ViSLhqf5E4eCiBrlCQ-",
+            imgWrapper: "N0ViSLhqf5E4eCiBrlCQ-",
+            loaded: "_1tkc2q_p2ssdXUnAQ3KFqH",
+            loaded: "_1tkc2q_p2ssdXUnAQ3KFqH",
+            hidden: "_3PV6tdHN0OemnbDiwUBett",
+            hidden: "_3PV6tdHN0OemnbDiwUBett"
         };
-    }, /* 14 */
+    }, /* 15 */
     /***/
@@ -275,3 +301,3 @@ function(module, exports) {
         };
-    }, /* 15 */
+    }, /* 16 */
     /***/
@@ -420,7 +446,7 @@ function(module, exports, __webpack_require__) {
         }();
-    }, /* 16 */
+    }, /* 17 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_16__;
-    }, /* 17 */
+        module.exports = __WEBPACK_EXTERNAL_MODULE_17__;
+    }, /* 18 */
     /***/
@@ -436,4 +462,12 @@ function(module, exports, __webpack_require__) {
             value: !0
-        });
-        var _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(11), _icons = __webpack_require__(18), _icons2 = _interopRequireDefault(_icons), _presences = __webpack_require__(19), _presences2 = _interopRequireDefault(_presences), _styles = __webpack_require__(13), _styles2 = _interopRequireDefault(_styles), Presence = function(_PureComponent) {
+        }), exports.PRESENCE_TYPE = void 0;
+        var _getPrototypeOf = __webpack_require__(6), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(7), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(8), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(9), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(10), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(12), _icons = __webpack_require__(19), _icons2 = _interopRequireDefault(_icons), _styles = __webpack_require__(14), _styles2 = _interopRequireDefault(_styles);
+        // This hack is to make sure that styles.locals exists when style loading is a noop (when we are
+        // running tests).
+        // TODO: Remove in AK-2025
+        _styles2.default.locals = _styles2.default.locals || {};
+        var PRESENCE_TYPE = exports.PRESENCE_TYPE = {
+            values: [ "none", "online", "busy", "offline" ],
+            defaultValue: "none"
+        }, Presence = function(_PureComponent) {
             function Presence() {
@@ -456,12 +490,18 @@ return (0, _classCallCheck3.default)(this, Presence), (0, _possibleConstructorReturn3.default)(this, (Presence.__proto__ || (0,
         }(_react.PureComponent);
-        Presence.displayName = "AkPresence", Presence.propTypes = {
+        Presence.propTypes = {
+            /** Content to use as a custom presence indicator (usually not required if
+	  consuming Presence separate to Avatar) */
             children: _react.PropTypes.element,
+            /** Used to override the default border color of the presence indicator.
+	  Accepts any color argument that the border-color CSS property accepts */
             borderColor: _react.PropTypes.string,
-            presence: _react.PropTypes.oneOf(_presences2.default)
+            /** Content to use as a custom presence indicator (usually not required if
+	  consuming Presence separate to Avatar). */
+            presence: _react.PropTypes.oneOf(PRESENCE_TYPE.values)
         }, Presence.defaultProps = {
             borderColor: _utilSharedStyles.akColorPrimary3,
             // white
-            presence: "none"
+            presence: PRESENCE_TYPE.defaultValue
         }, exports.default = Presence;
-    }, /* 18 */
+    }, /* 19 */
     /***/
@@ -478,3 +518,3 @@ function(module, exports, __webpack_require__) {
         });
-        var _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react);
+        var _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react);
         exports.default = {
@@ -565,9 +605,2 @@ // eslint-disable-next-line max-len
         };
-    }, /* 19 */
-    /***/
-    function(module, exports) {
-        "use strict";
-        Object.defineProperty(exports, "__esModule", {
-            value: !0
-        }), exports.default = [ "none", "online", "busy", "offline" ];
     }, /* 20 */
@@ -585,3 +618,3 @@ /***/
         });
-        var _extends2 = __webpack_require__(21), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(22), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react), _defaultAvatar = __webpack_require__(23), _defaultAvatar2 = _interopRequireDefault(_defaultAvatar), Image = function(_PureComponent) {
+        var _extends2 = __webpack_require__(21), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(22), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _getPrototypeOf = __webpack_require__(6), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(7), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(8), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(9), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(10), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react), _DefaultAvatar = __webpack_require__(23), _DefaultAvatar2 = _interopRequireDefault(_DefaultAvatar), Image = function(_PureComponent) {
             function Image() {
@@ -599,3 +632,3 @@ return (0, _classCallCheck3.default)(this, Image), (0, _possibleConstructorReturn3.default)(this, (Image.__proto__ || (0,
                         alt: this.props.alt
-                    }, propsForImage)) : _react2.default.createElement(_defaultAvatar2.default, null);
+                    }, propsForImage)) : _react2.default.createElement(_DefaultAvatar2.default, null);
                 }
@@ -632,3 +665,3 @@ } ]), Image;
         });
-        var _react = __webpack_require__(16), _react2 = _interopRequireDefault(_react);
+        var _react = __webpack_require__(17), _react2 = _interopRequireDefault(_react);
         // TODO move this to ak-icon
@@ -671,10 +704,3 @@ // eslint-disable-next-line max-len
         };
-    }, /* 24 */
-    /***/
-    function(module, exports) {
-        "use strict";
-        Object.defineProperty(exports, "__esModule", {
-            value: !0
-        }), exports.default = [ "xsmall", "small", "medium", "large", "xlarge" ];
     } ]);
 });

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/defineProperty"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("classnames"),require("@atlaskit/util-shared-styles"),require("react"),require("babel-runtime/helpers/extends"),require("babel-runtime/helpers/objectWithoutProperties")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/defineProperty","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","classnames","@atlaskit/util-shared-styles","react","babel-runtime/helpers/extends","babel-runtime/helpers/objectWithoutProperties"],t):"object"==typeof exports?exports["@atlaskit/avatar"]=t(require("babel-runtime/helpers/defineProperty"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("classnames"),require("@atlaskit/util-shared-styles"),require("react"),require("babel-runtime/helpers/extends"),require("babel-runtime/helpers/objectWithoutProperties")):e["@atlaskit/avatar"]=t(e["babel-runtime/helpers/defineProperty"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e.classnames,e["@atlaskit/util-shared-styles"],e.react,e["babel-runtime/helpers/extends"],e["babel-runtime/helpers/objectWithoutProperties"])}(this,function(e,t,r,i,n,l,o,a,s,u,d){return function(e){function t(i){if(r[i])return r[i].exports;var n=r[i]={exports:{},id:i,loaded:!1};return e[i].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(3)},,,function(e,t,r){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Presence=void 0;var n=r(4),l=i(n),o=r(5),a=i(o),s=r(6),u=i(s),d=r(7),p=i(d),f=r(8),c=i(f),h=r(9),m=i(h),b=r(10),x=i(b),g=r(11),v=r(12),C=i(v),y=r(16),_=i(y),w=r(17),k=i(w),P=r(20),E=i(P),L=r(24),U=i(L),M=r(19),B=i(M);t.Presence=k.default;var X=function(e){function t(e){(0,u.default)(this,t);var r=(0,c.default)(this,(t.__proto__||(0,a.default)(t)).call(this,e));return r.imageLoadedHandler=function(){r.setState({isLoading:!1,hasError:!1})},r.imageErrorHandler=function(){r.setState({hasError:!0,isLoading:!1})},r.state={isLoading:!1,hasError:!1},r}return(0,m.default)(t,e),(0,p.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e,t=this.props,r=t.presenceBorderColor,i=t.presence,n=t.size,o=t.src,a=t.label,s=t.children,u=(0,x.default)([C.default[n],C.default.size]),d=(0,x.default)((0,l.default)({},C.default.loaded,!this.state.isLoading),C.default.imgWrapper),p=(0,x.default)((e={},(0,l.default)(e,C.default.hidden,"none"===i&&!s),(0,l.default)(e,C.default.presenceWrapper,!0),e));return _.default.createElement("div",{className:C.default.root},_.default.createElement("div",{className:u},_.default.createElement("div",{className:d,"aria-label":a},_.default.createElement(E.default,{alt:a,src:o,className:C.default.img,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:this.state.hasError,isLoading:this.state.isLoading})),_.default.createElement("div",{className:p},_.default.createElement(k.default,{presence:i,borderColor:r},s))))}}]),t}(y.PureComponent);X.displayName="AkAvatar",X.propTypes={presenceBorderColor:y.PropTypes.string,presence:y.PropTypes.oneOf(B.default),size:y.PropTypes.oneOf(U.default),src:y.PropTypes.string,label:y.PropTypes.string,children:y.PropTypes.element},X.defaultProps={presenceBorderColor:g.akColorPrimary3,presence:"none",size:"medium"},t.default=X},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t){e.exports=n},function(e,t){e.exports=l},function(e,t){e.exports=o},function(e,t){e.exports=a},function(e,t,r){var i=r(13);"string"==typeof i&&(i=[[e.id,i,""]]),r(15)(i,{}),i.locals&&(e.exports=i.locals)},function(e,t,r){t=e.exports=r(14)(),t.push([e.id,"._2eTlOYgixZ4hSvx9oBH6U8{display:inline-block;position:relative}._2kX3vQVNtZwMxT1zRpLdMD{height:16px;width:16px}._2kX3vQVNtZwMxT1zRpLdMD ._2DPOfUmzBCGM3x5BiAil3i{right:0;height:0;bottom:0;width:0}._3pCpxqPAUH5MtlT29-UCTS{height:24px;width:24px}._3pCpxqPAUH5MtlT29-UCTS ._2DPOfUmzBCGM3x5BiAil3i{right:-2px;height:12px;bottom:-2px;width:12px}._3pCpxqPAUH5MtlT29-UCTS ._1X5FIGz1auCxwQsBgKLgxv{border-width:2px}._3UV2u-exoAQxkwdUXk_XyH{height:32px;width:32px}._3UV2u-exoAQxkwdUXk_XyH ._2DPOfUmzBCGM3x5BiAil3i{right:-2px;height:12px;bottom:-2px;width:12px}._3UV2u-exoAQxkwdUXk_XyH ._1X5FIGz1auCxwQsBgKLgxv{border-width:2px}.Kyn5pJ35XiAplY7Cg_FFv{height:48px;width:48px}.Kyn5pJ35XiAplY7Cg_FFv ._2DPOfUmzBCGM3x5BiAil3i{right:-3px;height:18px;bottom:-3px;width:18px}.Kyn5pJ35XiAplY7Cg_FFv ._1X5FIGz1auCxwQsBgKLgxv{border-width:3px}._3Z9KJILx_iXpYd19m7ZV{height:96px;width:96px}._3Z9KJILx_iXpYd19m7ZV ._2DPOfUmzBCGM3x5BiAil3i{right:6px;height:18px;bottom:6px;width:18px}._3Z9KJILx_iXpYd19m7ZV ._1X5FIGz1auCxwQsBgKLgxv{border-width:3px}._2UDZXA0L1sHSbwxZSz3VOb{align-content:center;-webkit-box-align:middle;align-items:middle;background-color:#dfe1e6;border-radius:100%;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}._2UDZXA0L1sHSbwxZSz3VOb img{height:100%;width:100%;display:none}._2UDZXA0L1sHSbwxZSz3VOb._3XvJlk-fukx8v5vj_PDw7-{background-color:transparent}._2UDZXA0L1sHSbwxZSz3VOb._3XvJlk-fukx8v5vj_PDw7- img{display:inline-block}._2DPOfUmzBCGM3x5BiAil3i{position:absolute}._1X5FIGz1auCxwQsBgKLgxv{align-content:center;-webkit-box-align:middle;align-items:middle;border:2px solid #fff;border-radius:100%;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%}._1X5FIGz1auCxwQsBgKLgxv:empty{display:none}.xP79gRik9VN0RijZfBWEx{display:none}",""]),t.locals={root:"_2eTlOYgixZ4hSvx9oBH6U8",root:"_2eTlOYgixZ4hSvx9oBH6U8",xsmall:"_2kX3vQVNtZwMxT1zRpLdMD",xsmall:"_2kX3vQVNtZwMxT1zRpLdMD","presence-wrapper":"_2DPOfUmzBCGM3x5BiAil3i",presenceWrapper:"_2DPOfUmzBCGM3x5BiAil3i",small:"_3pCpxqPAUH5MtlT29-UCTS",small:"_3pCpxqPAUH5MtlT29-UCTS",presence:"_1X5FIGz1auCxwQsBgKLgxv",presence:"_1X5FIGz1auCxwQsBgKLgxv",medium:"_3UV2u-exoAQxkwdUXk_XyH",medium:"_3UV2u-exoAQxkwdUXk_XyH",large:"Kyn5pJ35XiAplY7Cg_FFv",large:"Kyn5pJ35XiAplY7Cg_FFv",xlarge:"_3Z9KJILx_iXpYd19m7ZV",xlarge:"_3Z9KJILx_iXpYd19m7ZV",imgWrapper:"_2UDZXA0L1sHSbwxZSz3VOb",imgWrapper:"_2UDZXA0L1sHSbwxZSz3VOb",loaded:"_3XvJlk-fukx8v5vj_PDw7-",loaded:"_3XvJlk-fukx8v5vj_PDw7-",hidden:"xP79gRik9VN0RijZfBWEx",hidden:"xP79gRik9VN0RijZfBWEx"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},n=0;n<this.length;n++){var l=this[n][0];"number"==typeof l&&(i[l]=!0)}for(n=0;n<t.length;n++){var o=t[n];"number"==typeof o[0]&&i[o[0]]||(r&&!o[2]?o[2]=r:r&&(o[2]="("+o[2]+") and ("+r+")"),e.push(o))}},e}},function(e,t,r){function i(e,t){for(var r=0;r<e.length;r++){var i=e[r],n=c[i.id];if(n){n.refs++;for(var l=0;l<n.parts.length;l++)n.parts[l](i.parts[l]);for(;l<i.parts.length;l++)n.parts.push(u(i.parts[l],t))}else{for(var o=[],l=0;l<i.parts.length;l++)o.push(u(i.parts[l],t));c[i.id]={id:i.id,refs:1,parts:o}}}}function n(e){for(var t=[],r={},i=0;i<e.length;i++){var n=e[i],l=n[0],o=n[1],a=n[2],s=n[3],u={css:o,media:a,sourceMap:s};r[l]?r[l].parts.push(u):t.push(r[l]={id:l,parts:[u]})}return t}function l(e,t){var r=b(),i=v[v.length-1];if("top"===e.insertAt)i?i.nextSibling?r.insertBefore(t,i.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),v.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function o(e){e.parentNode.removeChild(e);var t=v.indexOf(e);t>=0&&v.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",l(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",l(e,t),t}function u(e,t){var r,i,n;if(t.singleton){var l=g++;r=x||(x=a(t)),i=d.bind(null,r,l,!1),n=d.bind(null,r,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=s(t),i=f.bind(null,r),n=function(){o(r),r.href&&URL.revokeObjectURL(r.href)}):(r=a(t),i=p.bind(null,r),n=function(){o(r)});return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else n()}}function d(e,t,r,i){var n=r?"":i.css;if(e.styleSheet)e.styleSheet.cssText=C(t,n);else{var l=document.createTextNode(n),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(l,o[t]):e.appendChild(l)}}function p(e,t){var r=t.css,i=t.media;if(i&&e.setAttribute("media",i),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function f(e,t){var r=t.css,i=t.sourceMap;i&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var n=new Blob([r],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(n),l&&URL.revokeObjectURL(l)}var c={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),b=h(function(){return document.head||document.getElementsByTagName("head")[0]}),x=null,g=0,v=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=n(e);return i(r,t),function(e){for(var l=[],o=0;o<r.length;o++){var a=r[o],s=c[a.id];s.refs--,l.push(s)}if(e){var u=n(e);i(u,t)}for(var o=0;o<l.length;o++){var s=l[o];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete c[s.id]}}}};var C=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=s},function(e,t,r){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(5),l=i(n),o=r(6),a=i(o),s=r(7),u=i(s),d=r(8),p=i(d),f=r(9),c=i(f),h=r(16),m=i(h),b=r(11),x=r(18),g=i(x),v=r(19),C=i(v),y=r(13),_=i(y),w=function(e){function t(){return(0,a.default)(this,t),(0,p.default)(this,(t.__proto__||(0,l.default)(t)).apply(this,arguments))}return(0,c.default)(t,e),(0,u.default)(t,[{key:"render",value:function(){var e={borderColor:this.props.borderColor},t=g.default[this.props.presence]||null;return m.default.createElement("div",{className:_.default.locals.presence,style:e},this.props.children?this.props.children:m.default.createElement(t,null))}}]),t}(h.PureComponent);w.displayName="AkPresence",w.propTypes={children:h.PropTypes.element,borderColor:h.PropTypes.string,presence:h.PropTypes.oneOf(C.default)},w.defaultProps={borderColor:b.akColorPrimary3,presence:"none"},t.default=w},function(e,t,r){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(16),l=i(n);t.default={online:function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---presence",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"Available",fill:"#48CC8C"},l.default.createElement("circle",{id:"Oval-3-Copy-7",cx:"4",cy:"4",r:"4"}))))},busy:function(){return l.default.createElement("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 8 8",style:{enableBackground:"new 0 0 8 8"}},l.default.createElement("g",{id:"User---presence"},l.default.createElement("g",{id:"Busy-light"},l.default.createElement("circle",{id:"Combined-Shape-Copy-5",fill:"#ED5451",cx:"4",cy:"4",r:"4"}),l.default.createElement("path",{id:"Rectangle",fill:"#FFFFFF",d:"M3.3,1.9l2.8,2.8c0.2,0.2,0.2,0.5,0,0.7L5.4,6.1c-0.2,0.2-0.5,0.2-0.7,0L1.9,3.3c-0.2-0.2-0.2-0.5,0-0.7l0.7-0.7C2.8,1.7,3.1,1.7,3.3,1.9z"}))))},offline:function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---presence",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"Unavailable"},l.default.createElement("g",{id:"presence---offline"},l.default.createElement("path",{d:"M4,8 C6.209139,8 8,6.209139 8,4 C8,1.790861 6.209139,0 4,0 C1.790861,0 0,1.790861 0,4 C0,6.209139 1.790861,8 4,8 Z M4,6 C5.1045695,6 6,5.1045695 6,4 C6,2.8954305 5.1045695,2 4,2 C2.8954305,2 2,2.8954305 2,4 C2,5.1045695 2.8954305,6 4,6 Z",id:"Combined-Shape-Copy-14",fill:"#6C798E"}),l.default.createElement("path",{d:"M4,6 C5.1045695,6 6,5.1045695 6,4 C6,2.8954305 5.1045695,2 4,2 C2.8954305,2 2,2.8954305 2,4 C2,5.1045695 2.8954305,6 4,6 Z",id:"Combined-Shape-Copy-14",fill:"#CFD4DB"})))))},none:function(){return null}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=["none","online","busy","offline"]},function(e,t,r){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(21),l=i(n),o=r(22),a=i(o),s=r(5),u=i(s),d=r(6),p=i(d),f=r(7),c=i(f),h=r(8),m=i(h),b=r(9),x=i(b),g=r(16),v=i(g),C=r(23),y=i(C),_=function(e){function t(){return(0,p.default)(this,t),(0,m.default)(this,(t.__proto__||(0,u.default)(t)).apply(this,arguments))}return(0,x.default)(t,e),(0,c.default)(t,[{key:"render",value:function(){var e=this.props,t=e.hasError,r=e.isLoading,i=(0,a.default)(e,["hasError","isLoading"]);return r||this.props.src&&!t?v.default.createElement("img",(0,l.default)({alt:this.props.alt},i)):v.default.createElement(y.default,null)}}]),t}(g.PureComponent);_.propTypes={isLoading:g.PropTypes.bool,src:g.PropTypes.string,hasError:g.PropTypes.bool,alt:g.PropTypes.string,onError:g.PropTypes.func,onLoad:g.PropTypes.func},t.default=_},function(e,t){e.exports=u},function(e,t){e.exports=d},function(e,t,r){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(16),l=i(n);t.default=function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---sizes",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"xlarge---100px"},l.default.createElement("g",{id:"Defualt-avatar"},l.default.createElement("path",{d:"M50,0 C22.3833333,0 0,22.3888889 0,50 C0,77.6166667 22.3833333,100 50,100 C77.6111111,100 100,77.6166667 100,50 C100,22.3888889 77.6111111,0 50,0 L50,0 Z",id:"Fill-1",fill:"#1893E7"}),l.default.createElement("path",{d:"M50,19 C58.8373333,19 66,26.168 66,35 C66,43.8373333 58.8373333,51 50,51 C41.1626667,51 34,43.8373333 34,35 C34,26.168 41.1626667,19 50,19 L50,19 Z",id:"Path",fill:"#80D8FF"}),l.default.createElement("mask",{id:"mask-2",fill:"white"},l.default.createElement("path",{d:"M80.5246347,74.2768131 C73.3793503,83.2490744 62.3612755,89 50,89 C37.6385983,89 26.6204246,83.2489569 19.4751464,74.2765382 C23.8287068,66.9274259 31.8398972,62 41.0068806,62 L58.9931194,62 C68.1573006,62 76.1701334,66.9268153 80.5246347,74.2768131 Z"})),l.default.createElement("path",{fill:"#80D8FF",d:"M80.5246347,74.2768131 C73.3793503,83.2490744 62.3612755,89 50,89 C37.6385983,89 26.6204246,83.2489569 19.4751464,74.2765382 C23.8287068,66.9274259 31.8398972,62 41.0068806,62 L58.9931194,62 C68.1573006,62 76.1701334,66.9268153 80.5246347,74.2768131 Z"})))))}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=["xsmall","small","medium","large","xlarge"]}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/defineProperty"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("classnames"),require("@atlaskit/util-shared-styles"),require("react"),require("babel-runtime/helpers/extends"),require("babel-runtime/helpers/objectWithoutProperties")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/defineProperty","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","classnames","@atlaskit/util-shared-styles","react","babel-runtime/helpers/extends","babel-runtime/helpers/objectWithoutProperties"],t):"object"==typeof exports?exports["@atlaskit/avatar"]=t(require("babel-runtime/helpers/defineProperty"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("classnames"),require("@atlaskit/util-shared-styles"),require("react"),require("babel-runtime/helpers/extends"),require("babel-runtime/helpers/objectWithoutProperties")):e["@atlaskit/avatar"]=t(e["babel-runtime/helpers/defineProperty"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e.classnames,e["@atlaskit/util-shared-styles"],e.react,e["babel-runtime/helpers/extends"],e["babel-runtime/helpers/objectWithoutProperties"])}(this,function(e,t,r,n,i,l,a,o,s,u,d){return function(e){function t(n){if(r[n])return r[n].exports;var i=r[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(3)},,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Presence=t.default=void 0;var i=r(4),l=n(i),a=r(18),o=n(a);t.default=l.default,t.Presence=o.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SIZE=void 0;var i=r(5),l=n(i),a=r(6),o=n(a),s=r(7),u=n(s),d=r(8),p=n(d),f=r(9),c=n(f),h=r(10),m=n(h),b=r(11),v=n(b),g=r(12),C=r(13),_=n(C),x=r(17),y=n(x),w=r(18),k=n(w),E=r(20),U=n(E),P=t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"small"},L=function(e){function t(){var e,r,n,i;(0,u.default)(this,t);for(var l=arguments.length,a=Array(l),s=0;s<l;s++)a[s]=arguments[s];return r=n=(0,c.default)(this,(e=t.__proto__||(0,o.default)(t)).call.apply(e,[this].concat(a))),n.state={isLoading:!1,hasError:!1},n.imageLoadedHandler=function(){n.setState({isLoading:!1,hasError:!1})},n.imageErrorHandler=function(){n.setState({hasError:!0,isLoading:!1})},i=r,(0,c.default)(n,i)}return(0,m.default)(t,e),(0,p.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e,t=this.props,r=t.presenceBorderColor,n=t.presence,i=t.size,a=t.src,o=t.label,s=t.children,u=(0,v.default)([_.default[i],_.default.size]),d=(0,v.default)((0,l.default)({},_.default.loaded,!this.state.isLoading),_.default.imgWrapper),p=(0,v.default)((e={},(0,l.default)(e,_.default.hidden,"none"===n&&!s),(0,l.default)(e,_.default.presenceWrapper,!0),e));return y.default.createElement("div",{className:_.default.root},y.default.createElement("div",{className:u},y.default.createElement("div",{className:d,"aria-label":o},y.default.createElement(U.default,{alt:o,src:a,className:_.default.img,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:this.state.hasError,isLoading:this.state.isLoading})),y.default.createElement("div",{className:p},y.default.createElement(k.default,{presence:n,borderColor:r},s))))}}]),t}(x.PureComponent);L.propTypes={presenceBorderColor:x.PropTypes.string,presence:x.PropTypes.oneOf(w.PRESENCE_TYPE.values),size:x.PropTypes.oneOf(P.values),src:x.PropTypes.string,label:x.PropTypes.string,children:x.PropTypes.element},L.defaultProps={presenceBorderColor:g.akColorPrimary3,presence:"none",size:"medium"},t.default=L},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t){e.exports=l},function(e,t){e.exports=a},function(e,t){e.exports=o},function(e,t,r){var n=r(14);"string"==typeof n&&(n=[[e.id,n,""]]),r(16)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(15)(),t.push([e.id,"._9h_qSYw_07agRklMEYgZ-{display:inline-block;position:relative}.d56twF_tOLvWUTfi4NEkK{height:16px;width:16px}.d56twF_tOLvWUTfi4NEkK ._17kCbvrCUfKkCw95o0Bw2Z{right:0;height:0;bottom:0;width:0}._2Qe1bk0MDSMevT6_wjzkGO{height:24px;width:24px}._2Qe1bk0MDSMevT6_wjzkGO ._17kCbvrCUfKkCw95o0Bw2Z{right:-2px;height:12px;bottom:-2px;width:12px}._2Qe1bk0MDSMevT6_wjzkGO ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:2px}._3Zh4OVkU9R-0aXK8kOSlE2{height:32px;width:32px}._3Zh4OVkU9R-0aXK8kOSlE2 ._17kCbvrCUfKkCw95o0Bw2Z{right:-2px;height:12px;bottom:-2px;width:12px}._3Zh4OVkU9R-0aXK8kOSlE2 ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:2px}._1zmRBj0NQxbaC7H5LmrYU9{height:48px;width:48px}._1zmRBj0NQxbaC7H5LmrYU9 ._17kCbvrCUfKkCw95o0Bw2Z{right:-3px;height:18px;bottom:-3px;width:18px}._1zmRBj0NQxbaC7H5LmrYU9 ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:3px}._3RPL7Nj5OpQKyuc2GNhsFa{height:96px;width:96px}._3RPL7Nj5OpQKyuc2GNhsFa ._17kCbvrCUfKkCw95o0Bw2Z{right:6px;height:18px;bottom:6px;width:18px}._3RPL7Nj5OpQKyuc2GNhsFa ._2AdNR3UG8ZqVF0X-mZvi8w{border-width:3px}.N0ViSLhqf5E4eCiBrlCQ-{align-content:center;-webkit-box-align:middle;align-items:middle;background-color:#dfe1e6;border-radius:100%;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.N0ViSLhqf5E4eCiBrlCQ- img{height:100%;width:100%;display:none}.N0ViSLhqf5E4eCiBrlCQ-._1tkc2q_p2ssdXUnAQ3KFqH{background-color:transparent}.N0ViSLhqf5E4eCiBrlCQ-._1tkc2q_p2ssdXUnAQ3KFqH img{display:inline-block}._17kCbvrCUfKkCw95o0Bw2Z{position:absolute}._2AdNR3UG8ZqVF0X-mZvi8w{align-content:center;-webkit-box-align:middle;align-items:middle;border:2px solid #fff;border-radius:100%;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;overflow:hidden;width:100%}._2AdNR3UG8ZqVF0X-mZvi8w:empty{display:none}._3PV6tdHN0OemnbDiwUBett{display:none}",""]),t.locals={root:"_9h_qSYw_07agRklMEYgZ-",root:"_9h_qSYw_07agRklMEYgZ-",xsmall:"d56twF_tOLvWUTfi4NEkK",xsmall:"d56twF_tOLvWUTfi4NEkK","presence-wrapper":"_17kCbvrCUfKkCw95o0Bw2Z",presenceWrapper:"_17kCbvrCUfKkCw95o0Bw2Z",small:"_2Qe1bk0MDSMevT6_wjzkGO",small:"_2Qe1bk0MDSMevT6_wjzkGO",presence:"_2AdNR3UG8ZqVF0X-mZvi8w",presence:"_2AdNR3UG8ZqVF0X-mZvi8w",medium:"_3Zh4OVkU9R-0aXK8kOSlE2",medium:"_3Zh4OVkU9R-0aXK8kOSlE2",large:"_1zmRBj0NQxbaC7H5LmrYU9",large:"_1zmRBj0NQxbaC7H5LmrYU9",xlarge:"_3RPL7Nj5OpQKyuc2GNhsFa",xlarge:"_3RPL7Nj5OpQKyuc2GNhsFa",imgWrapper:"N0ViSLhqf5E4eCiBrlCQ-",imgWrapper:"N0ViSLhqf5E4eCiBrlCQ-",loaded:"_1tkc2q_p2ssdXUnAQ3KFqH",loaded:"_1tkc2q_p2ssdXUnAQ3KFqH",hidden:"_3PV6tdHN0OemnbDiwUBett",hidden:"_3PV6tdHN0OemnbDiwUBett"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},i=0;i<this.length;i++){var l=this[i][0];"number"==typeof l&&(n[l]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&n[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],i=c[n.id];if(i){i.refs++;for(var l=0;l<i.parts.length;l++)i.parts[l](n.parts[l]);for(;l<n.parts.length;l++)i.parts.push(u(n.parts[l],t))}else{for(var a=[],l=0;l<n.parts.length;l++)a.push(u(n.parts[l],t));c[n.id]={id:n.id,refs:1,parts:a}}}}function i(e){for(var t=[],r={},n=0;n<e.length;n++){var i=e[n],l=i[0],a=i[1],o=i[2],s=i[3],u={css:a,media:o,sourceMap:s};r[l]?r[l].parts.push(u):t.push(r[l]={id:l,parts:[u]})}return t}function l(e,t){var r=b(),n=C[C.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),C.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=C.indexOf(e);t>=0&&C.splice(t,1)}function o(e){var t=document.createElement("style");return t.type="text/css",l(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",l(e,t),t}function u(e,t){var r,n,i;if(t.singleton){var l=g++;r=v||(v=o(t)),n=d.bind(null,r,l,!1),i=d.bind(null,r,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=s(t),n=f.bind(null,r),i=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=o(t),n=p.bind(null,r),i=function(){a(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else i()}}function d(e,t,r,n){var i=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=_(t,i);else{var l=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(l,a[t]):e.appendChild(l)}}function p(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function f(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var i=new Blob([r],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(i),l&&URL.revokeObjectURL(l)}var c={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),b=h(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,g=0,C=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=i(e);return n(r,t),function(e){for(var l=[],a=0;a<r.length;a++){var o=r[a],s=c[o.id];s.refs--,l.push(s)}if(e){var u=i(e);n(u,t)}for(var a=0;a<l.length;a++){var s=l[a];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete c[s.id]}}}};var _=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=s},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PRESENCE_TYPE=void 0;var i=r(6),l=n(i),a=r(7),o=n(a),s=r(8),u=n(s),d=r(9),p=n(d),f=r(10),c=n(f),h=r(17),m=n(h),b=r(12),v=r(19),g=n(v),C=r(14),_=n(C);_.default.locals=_.default.locals||{};var x=t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},y=function(e){function t(){return(0,o.default)(this,t),(0,p.default)(this,(t.__proto__||(0,l.default)(t)).apply(this,arguments))}return(0,c.default)(t,e),(0,u.default)(t,[{key:"render",value:function(){var e={borderColor:this.props.borderColor},t=g.default[this.props.presence]||null;return m.default.createElement("div",{className:_.default.locals.presence,style:e},this.props.children?this.props.children:m.default.createElement(t,null))}}]),t}(h.PureComponent);y.propTypes={children:h.PropTypes.element,borderColor:h.PropTypes.string,presence:h.PropTypes.oneOf(x.values)},y.defaultProps={borderColor:b.akColorPrimary3,presence:x.defaultValue},t.default=y},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(17),l=n(i);t.default={online:function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---presence",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"Available",fill:"#48CC8C"},l.default.createElement("circle",{id:"Oval-3-Copy-7",cx:"4",cy:"4",r:"4"}))))},busy:function(){return l.default.createElement("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 8 8",style:{enableBackground:"new 0 0 8 8"}},l.default.createElement("g",{id:"User---presence"},l.default.createElement("g",{id:"Busy-light"},l.default.createElement("circle",{id:"Combined-Shape-Copy-5",fill:"#ED5451",cx:"4",cy:"4",r:"4"}),l.default.createElement("path",{id:"Rectangle",fill:"#FFFFFF",d:"M3.3,1.9l2.8,2.8c0.2,0.2,0.2,0.5,0,0.7L5.4,6.1c-0.2,0.2-0.5,0.2-0.7,0L1.9,3.3c-0.2-0.2-0.2-0.5,0-0.7l0.7-0.7C2.8,1.7,3.1,1.7,3.3,1.9z"}))))},offline:function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 8 8",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---presence",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"Unavailable"},l.default.createElement("g",{id:"presence---offline"},l.default.createElement("path",{d:"M4,8 C6.209139,8 8,6.209139 8,4 C8,1.790861 6.209139,0 4,0 C1.790861,0 0,1.790861 0,4 C0,6.209139 1.790861,8 4,8 Z M4,6 C5.1045695,6 6,5.1045695 6,4 C6,2.8954305 5.1045695,2 4,2 C2.8954305,2 2,2.8954305 2,4 C2,5.1045695 2.8954305,6 4,6 Z",id:"Combined-Shape-Copy-14",fill:"#6C798E"}),l.default.createElement("path",{d:"M4,6 C5.1045695,6 6,5.1045695 6,4 C6,2.8954305 5.1045695,2 4,2 C2.8954305,2 2,2.8954305 2,4 C2,5.1045695 2.8954305,6 4,6 Z",id:"Combined-Shape-Copy-14",fill:"#CFD4DB"})))))},none:function(){return null}}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(21),l=n(i),a=r(22),o=n(a),s=r(6),u=n(s),d=r(7),p=n(d),f=r(8),c=n(f),h=r(9),m=n(h),b=r(10),v=n(b),g=r(17),C=n(g),_=r(23),x=n(_),y=function(e){function t(){return(0,p.default)(this,t),(0,m.default)(this,(t.__proto__||(0,u.default)(t)).apply(this,arguments))}return(0,v.default)(t,e),(0,c.default)(t,[{key:"render",value:function(){var e=this.props,t=e.hasError,r=e.isLoading,n=(0,o.default)(e,["hasError","isLoading"]);return r||this.props.src&&!t?C.default.createElement("img",(0,l.default)({alt:this.props.alt},n)):C.default.createElement(x.default,null)}}]),t}(g.PureComponent);y.propTypes={isLoading:g.PropTypes.bool,src:g.PropTypes.string,hasError:g.PropTypes.bool,alt:g.PropTypes.string,onError:g.PropTypes.func,onLoad:g.PropTypes.func},t.default=y},function(e,t){e.exports=u},function(e,t){e.exports=d},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(17),l=n(i);t.default=function(){return l.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("g",{id:"User---sizes",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},l.default.createElement("g",{id:"xlarge---100px"},l.default.createElement("g",{id:"Defualt-avatar"},l.default.createElement("path",{d:"M50,0 C22.3833333,0 0,22.3888889 0,50 C0,77.6166667 22.3833333,100 50,100 C77.6111111,100 100,77.6166667 100,50 C100,22.3888889 77.6111111,0 50,0 L50,0 Z",id:"Fill-1",fill:"#1893E7"}),l.default.createElement("path",{d:"M50,19 C58.8373333,19 66,26.168 66,35 C66,43.8373333 58.8373333,51 50,51 C41.1626667,51 34,43.8373333 34,35 C34,26.168 41.1626667,19 50,19 L50,19 Z",id:"Path",fill:"#80D8FF"}),l.default.createElement("mask",{id:"mask-2",fill:"white"},l.default.createElement("path",{d:"M80.5246347,74.2768131 C73.3793503,83.2490744 62.3612755,89 50,89 C37.6385983,89 26.6204246,83.2489569 19.4751464,74.2765382 C23.8287068,66.9274259 31.8398972,62 41.0068806,62 L58.9931194,62 C68.1573006,62 76.1701334,66.9268153 80.5246347,74.2768131 Z"})),l.default.createElement("path",{fill:"#80D8FF",d:"M80.5246347,74.2768131 C73.3793503,83.2490744 62.3612755,89 50,89 C37.6385983,89 26.6204246,83.2489569 19.4751464,74.2765382 C23.8287068,66.9274259 31.8398972,62 41.0068806,62 L58.9931194,62 C68.1573006,62 76.1701334,66.9268153 80.5246347,74.2768131 Z"})))))}}])});

package.json

 {
   "name": "@atlaskit/avatar",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "config": {
@@ -5,0 +5,0 @@ "access": "public"

README.md

@@ -5,3 +5,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://aui-cdn.atlassian.com/atlaskit/registry/)
 [![Report an issue](https://img.shields.io/badge/Report-an_issue-6554C0.svg)](https://ecosystem.atlassian.net/browse/AK)
-[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/avatar,@atlaskit/avatar@2.1.4)
+[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/avatar,@atlaskit/avatar@2.1.5)
 
@@ -16,3 +16,3 @@ # Avatar
 
-Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/avatar/2.1.4/).
+Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/avatar/2.1.5/).
 
@@ -33,3 +33,3 @@ ## Installation
 
-Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/avatar,@atlaskit/avatar@2.1.4).
+Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/avatar,@atlaskit/avatar@2.1.5).
 
@@ -36,0 +36,0 @@ Check [if someone has already asked the same question before](https://answers.atlassian.com/questions/topics/42926171/atlaskit).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

111619

increased by3.79%

Lines of code

1416

increased by3.66%

No dependency changes