@atlaskit/avatar - npm Package Compare versions

Comparing version 4.0.5 to 4.0.6

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="4.0.5"></a>
-## 4.0.5 (2017-05-26)
+<a name="4.0.6"></a>
+## 4.0.6 (2017-06-27)
 
 
 
+<a name="4.0.6"></a>
+## 4.0.6 (2017-06-27)
+
+
+### Bug Fixes
+
+* **component:** when src is removed after mount show default image ([d3e9e2a](https://bitbucket.org/atlassian/atlaskit/commits/d3e9e2a))
+
+
+
 <a name="4.0.5"></a>
@@ -7,0 +17,0 @@ ## 4.0.5 (2017-05-26)

dist/bundle-cjs.js

@@ -117,8 +117,11 @@ module.exports = /******/
     }, Avatar = function(_PureComponent) {
-        // We set isLoading conditionally here in the event that the src prop is applied at mount.
-        function Avatar(props) {
+        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 = {
+                hasError: !1,
+                isLoading: !!_this.props.src
+            }, _this.imageLoadedHandler = function() {
                 _this.setState({
@@ -133,12 +136,11 @@ hasError: !1,
                 });
-            }, _this.state = {
-                hasError: !1,
-                isLoading: !!props.src
-            }, _this;
+            }, _ret = _temp, (0, _possibleConstructorReturn3.default)(_this, _ret);
         }
-        // We set isLoading conditionally here in the event that the src prop is updated after mount.
+        // eslint-disable-line react/sort-comp
+        // We set isLoading conditionally here in the event that the src prop is applied at mount.
         return (0, _inherits3.default)(Avatar, _PureComponent), (0, _createClass3.default)(Avatar, [ {
             key: "componentWillReceiveProps",
+            // We set isLoading conditionally here in the event that the src prop is updated after mount.
             value: function(nextProps) {
-                this.props.src !== nextProps.src && this.setState({
+                nextProps.src && this.props.src !== nextProps.src && this.setState({
                     isLoading: !0
@@ -179,19 +181,8 @@ });
 	  can be used for 'container' objects. */
-        appearance: _propTypes2.default.oneOf(APPEARANCE_TYPE.values),
-        /** 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%. */
-        icon: _propTypes2.default.element,
-        /** Defines the label for the Avatar used by screen readers as fallback
-	  content if the image fails to load. */
+        appearance: _propTypes2.default.oneOf([ "circle", "square" ]),
+        icon: _propTypes2.default.object,
         label: _propTypes2.default.string,
-        /** Used to override the default border color of the presence indicator.
-	  Accepts any color argument that the border-color CSS property accepts. */
         presenceBorderColor: _propTypes2.default.string,
-        /** Indicates a user's online status by showing a small icon on the avatar.
-	  Refer to presence values on the Presence component. */
-        presence: _propTypes2.default.oneOf(PRESENCE_TYPE.values),
-        /** Defines the size of the avatar */
-        size: _propTypes2.default.oneOf(SIZE.values),
-        /** A url to load an image from (this can also be a base64 encoded image). */
+        presence: _propTypes2.default.oneOf([ "none", "online", "busy", "offline" ]),
+        size: _propTypes2.default.oneOf([ "xsmall", "small", "medium", "large", "xlarge" ]),
         src: _propTypes2.default.string
@@ -346,9 +337,9 @@ }, Avatar.defaultProps = {
     // =============================================================
-    var SIZE = exports.SIZE = {
+    var PRESENCE_TYPE = (exports.SIZE = {
         values: [ "xsmall", "small", "medium", "large", "xlarge" ],
         defaultValue: "medium"
-    }, PRESENCE_TYPE = exports.PRESENCE_TYPE = {
+    }, exports.PRESENCE_TYPE = {
         values: [ "none", "online", "busy", "offline" ],
         defaultValue: "none"
-    }, Presence = function(_PureComponent) {
+    }), Presence = function(_PureComponent) {
         function Presence() {
@@ -367,3 +358,3 @@ return (0, _classCallCheck3.default)(this, Presence), (0, _possibleConstructorReturn3.default)(this, (Presence.__proto__ || (0,
                     style: style
-                }, children || (0, _getPresenceSVG2.default)(presence));
+                }, children || presence && (0, _getPresenceSVG2.default)(presence));
             }
@@ -373,13 +364,9 @@ } ]), Presence;
     Presence.propTypes = {
+        // eslint-disable-line react/sort-comp
         /** Used to override the default border color of the presence indicator.
 	  Accepts any color argument that the border-color CSS property accepts. */
         borderColor: _propTypes2.default.string,
-        /** Content to use as a custom presence indicator (usually not required if
-	  consuming Presence separate to Avatar). */
-        children: _propTypes2.default.element,
-        /** Content to use as a custom presence indicator (usually not required if
-	  consuming Presence separate to Avatar). */
-        presence: _propTypes2.default.oneOf(PRESENCE_TYPE.values),
-        /** Defines the size of the presence. */
-        size: _propTypes2.default.oneOf(SIZE.values)
+        children: _propTypes2.default.object,
+        presence: _propTypes2.default.oneOf([ "none", "online", "busy", "offline" ]),
+        size: _propTypes2.default.oneOf([ "xsmall", "small", "medium", "large", "xlarge" ])
     }, Presence.defaultProps = {
@@ -386,0 +373,0 @@ borderColor: _utilSharedStyles.akColorPrimary3,

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(n){if(r[n])return r[n].exports;var l=r[n]={exports:{},id:n,loaded:!1};return e[n].call(l.exports,l,l.exports,t),l.loaded=!0,l.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(2);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n(l).default}});var a=r(17);Object.defineProperty(t,"Presence",{enumerable:!0,get:function(){return n(a).default}})},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=t.APPEARANCE_TYPE=t.SIZE=void 0;var l=r(3),a=n(l),i=r(4),u=n(i),o=r(5),s=n(o),d=r(6),f=n(d),c=r(7),p=n(c),E=r(8),m=n(E),h=r(9),g=n(h),_=r(10),v=r(11),b=n(v),C=r(17),x=n(C),P=r(20),S=n(P),y=t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},R=t.APPEARANCE_TYPE={values:["circle","square"],defaultValue:"circle"},w=t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},M=function(e){function t(e){(0,u.default)(this,t);var r=(0,f.default)(this,(t.__proto__||(0,a.default)(t)).call(this,e));return r.imageLoadedHandler=function(){r.setState({hasError:!1,isLoading:!1})},r.imageErrorHandler=function(){r.setState({hasError:!0,isLoading:!1})},r.state={hasError:!1,isLoading:!!e.src},r}return(0,p.default)(t,e),(0,s.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e=this.props,t=e.appearance,r=e.icon,n=e.label,l=e.presence,a=e.presenceBorderColor,i=e.size,u=e.src,o=this.state,s=o.hasError,d=o.isLoading,f="none"!==l||r;return g.default.createElement(b.default,{size:i},g.default.createElement(v.ImageWrapper,{appearance:t,size:i,isLoading:d,"aria-label":n},g.default.createElement(S.default,{alt:n,isLoading:d,src:u,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:s})),f?g.default.createElement(v.PresenceWrapper,{appearance:t,size:i},g.default.createElement(x.default,{presence:l,borderColor:a,size:i},r)):null)}}]),t}(h.PureComponent);M.propTypes={appearance:m.default.oneOf(R.values),icon:m.default.element,label:m.default.string,presenceBorderColor:m.default.string,presence:m.default.oneOf(w.values),size:m.default.oneOf(y.values),src:m.default.string},M.defaultProps={appearance:R.defaultValue,presenceBorderColor:_.akColorPrimary3,presence:w.defaultValue,size:y.defaultValue},t.default=M},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("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PresenceWrapper=t.ImageWrapper=t.getSize=void 0;var l=r(12),a=n(l),i=(0,a.default)(["\n  ","\n  display: inline-block;\n  position: relative;\n"],["\n  ","\n  display: inline-block;\n  position: relative;\n"]),u=(0,a.default)(["\n  align-content: center;\n  align-items: center;\n  background-color: ",";\n  border-radius: ",";\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  transform: translateZ(0);\n  width: 100%;\n"],["\n  align-content: center;\n  align-items: center;\n  background-color: ",";\n  border-radius: ",";\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  transform: translateZ(0);\n  width: 100%;\n"]),o=(0,a.default)(["\n  ","\n  position: absolute;\n"],["\n  ","\n  position: absolute;\n"]),s=r(13),d=n(s),f=r(10),c=r(14),p=(t.getSize=function(e){var t=e.size;return c.AVATAR_SIZES[t]},function(e){var t=e.size;return"\n  height: "+c.AVATAR_SIZES[t]+"px;\n  width: "+c.AVATAR_SIZES[t]+"px;\n"});t.default=d.default.div(i,p);var E=function(e){var t=e.size,r=e.appearance;return"circle"===r?"100%":Math.floor(c.AVATAR_SIZES[t]/10)+"px"},m=(t.ImageWrapper=d.default.div(u,function(e){var t=e.isLoading;return t?f.akColorN40:"transparent"},E),function(e){var t=e.appearance,r=e.size,n="square"===t?-(2*c.PRESENCE_BORDER_WIDTH[r]):c.PRESENCE_OFFSET[r],l=c.PRESENCE_SIZES[r];return"\n    bottom: "+n+"px;\n    height: "+l+"px;\n    right: "+n+"px;\n    width: "+l+"px;\n  "});t.PresenceWrapper=d.default.div(o,m)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PRESENCE_SIZES=t.PRESENCE_OFFSET=t.PRESENCE_BORDER_WIDTH=t.AVATAR_SIZES=void 0;var l=r(15),a=n(l),i=r(16),u=n(i),o=r(10),s=(t.AVATAR_SIZES={xsmall:2*o.akGridSizeUnitless,small:3*o.akGridSizeUnitless,medium:4*o.akGridSizeUnitless,large:6*o.akGridSizeUnitless,xlarge:12*o.akGridSizeUnitless},t.PRESENCE_BORDER_WIDTH={xsmall:0,small:2,medium:2,large:3,xlarge:3}),d={};(0,u.default)(s).forEach(function(e){d[e]=s[e]*-1}),t.PRESENCE_OFFSET=(0,a.default)({},d,{xlarge:6}),t.PRESENCE_SIZES={xsmall:0,small:12,medium:12,large:18,xlarge:18}},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/core-js/object/keys")},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=t.SIZE=t.getPresenceSVG=void 0;var l=r(3),a=n(l),i=r(4),u=n(i),o=r(5),s=n(o),d=r(6),f=n(d),c=r(7),p=n(c),E=r(8),m=n(E),h=r(9),g=n(h),_=r(10),v=r(18),b=n(v),C=r(19),x=n(C);t.getPresenceSVG=x.default;var P=t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},S=t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},y=function(e){function t(){return(0,u.default)(this,t),(0,f.default)(this,(t.__proto__||(0,a.default)(t)).apply(this,arguments))}return(0,p.default)(t,e),(0,s.default)(t,[{key:"render",value:function(){var e=this.props,t=e.borderColor,r=e.children,n=e.presence,l=e.size,a={borderColor:t};return g.default.createElement(b.default,{size:l,style:a},r||(0,x.default)(n))}}]),t}(h.PureComponent);y.propTypes={borderColor:m.default.string,children:m.default.element,presence:m.default.oneOf(S.values),size:m.default.oneOf(P.values)},y.defaultProps={borderColor:_.akColorPrimary3,presence:S.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 l=r(12),a=n(l),i=(0,a.default)(["\n  align-content: center;\n  align-items: center;\n  border-color: ",";\n  border-radius: 100%;\n  border-style: solid;\n  border-width: ","px;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  &:empty {\n    display: none;\n  }\n"],["\n  align-content: center;\n  align-items: center;\n  border-color: ",";\n  border-radius: 100%;\n  border-style: solid;\n  border-width: ","px;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  &:empty {\n    display: none;\n  }\n"]),u=r(13),o=n(u),s=r(10),d=r(14);t.default=o.default.div(i,s.akColorPrimary3,function(e){var t=e.size;return d.PRESENCE_BORDER_WIDTH[t]||d.PRESENCE_BORDER_WIDTH.medium})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function l(e){var t=function(e){return o.default.createElement("svg",(0,i.default)({height:"100%",version:"1.1",viewBox:"0 0 8 8",width:"100%",xmlns:"http://www.w3.org/2000/svg"},e))};switch(e){case"busy":return o.default.createElement(t,null,o.default.createElement("circle",{fill:"#ED5451",cx:"4",cy:"4",r:"4"}),o.default.createElement("path",{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"}));case"offline":return o.default.createElement(t,null,o.default.createElement("path",{fill:"#6C798E",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"}),o.default.createElement("path",{fill:"#CFD4DB",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"}));case"online":return o.default.createElement(t,null,o.default.createElement("circle",{fill:"#48CC8C",cx:"4",cy:"4",r:"4"}));default:return null}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(15),i=n(a);t.default=l;var u=r(9),o=n(u)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultImage=void 0;var l=r(15),a=n(l),i=r(21),u=n(i),o=r(3),s=n(o),d=r(4),f=n(d),c=r(5),p=n(c),E=r(6),m=n(E),h=r(7),g=n(h),_=r(8),v=n(_),b=r(9),C=n(b),x=r(22),P=n(x),S=t.DefaultImage=function(){return C.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{fill:"#1893E7",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"}),C.default.createElement("path",{fill:"#80D8FF",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"}),C.default.createElement("mask",{fill:"white"},C.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"})),C.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"}))},y=function(e){function t(){return(0,f.default)(this,t),(0,m.default)(this,(t.__proto__||(0,s.default)(t)).apply(this,arguments))}return(0,g.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e=this.props,t=e.hasError,r=e.isLoading,n=(0,u.default)(e,["hasError","isLoading"]),l=!r&&(!this.props.src||t);return l?C.default.createElement(S,null):C.default.createElement(P.default,(0,a.default)({isLoading:r},n))}}]),t}(b.PureComponent);y.propTypes={alt:v.default.string,hasError:v.default.bool,isLoading:v.default.bool,onError:v.default.func,onLoad:v.default.func,src:v.default.string},t.default=y},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 l=r(12),a=n(l),i=(0,a.default)(["\n  display: ",";\n  height: 100%;\n  width: 100%;\n"],["\n  display: ",";\n  height: 100%;\n  width: 100%;\n"]),u=r(13),o=n(u),s=function(e){var t=e.isLoading;return t?"none":"inline-block"};t.default=o.default.img(i,s)}]);
+module.exports=function(e){function t(n){if(r[n])return r[n].exports;var l=r[n]={exports:{},id:n,loaded:!1};return e[n].call(l.exports,l,l.exports,t),l.loaded=!0,l.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(2);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n(l).default}});var a=r(17);Object.defineProperty(t,"Presence",{enumerable:!0,get:function(){return n(a).default}})},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=t.APPEARANCE_TYPE=t.SIZE=void 0;var l=r(3),a=n(l),i=r(4),u=n(i),o=r(5),s=n(o),d=r(6),f=n(d),c=r(7),p=n(c),E=r(8),m=n(E),h=r(9),g=n(h),b=r(10),_=r(11),v=n(_),C=r(17),x=n(C),y=r(20),P=n(y),S=t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},R=t.APPEARANCE_TYPE={values:["circle","square"],defaultValue:"circle"},w=t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},M=function(e){function t(){var e,r,n,l;(0,u.default)(this,t);for(var i=arguments.length,o=Array(i),s=0;s<i;s++)o[s]=arguments[s];return r=n=(0,f.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(o))),n.state={hasError:!1,isLoading:!!n.props.src},n.imageLoadedHandler=function(){n.setState({hasError:!1,isLoading:!1})},n.imageErrorHandler=function(){n.setState({hasError:!0,isLoading:!1})},l=r,(0,f.default)(n,l)}return(0,p.default)(t,e),(0,s.default)(t,[{key:"componentWillReceiveProps",value:function(e){e.src&&this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e=this.props,t=e.appearance,r=e.icon,n=e.label,l=e.presence,a=e.presenceBorderColor,i=e.size,u=e.src,o=this.state,s=o.hasError,d=o.isLoading,f="none"!==l||r;return g.default.createElement(v.default,{size:i},g.default.createElement(_.ImageWrapper,{appearance:t,size:i,isLoading:d,"aria-label":n},g.default.createElement(P.default,{alt:n,isLoading:d,src:u,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:s})),f?g.default.createElement(_.PresenceWrapper,{appearance:t,size:i},g.default.createElement(x.default,{presence:l,borderColor:a,size:i},r)):null)}}]),t}(h.PureComponent);M.propTypes={appearance:m.default.oneOf(["circle","square"]),icon:m.default.object,label:m.default.string,presenceBorderColor:m.default.string,presence:m.default.oneOf(["none","online","busy","offline"]),size:m.default.oneOf(["xsmall","small","medium","large","xlarge"]),src:m.default.string},M.defaultProps={appearance:R.defaultValue,presenceBorderColor:b.akColorPrimary3,presence:w.defaultValue,size:S.defaultValue},t.default=M},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("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PresenceWrapper=t.ImageWrapper=t.getSize=void 0;var l=r(12),a=n(l),i=(0,a.default)(["\n  ","\n  display: inline-block;\n  position: relative;\n"],["\n  ","\n  display: inline-block;\n  position: relative;\n"]),u=(0,a.default)(["\n  align-content: center;\n  align-items: center;\n  background-color: ",";\n  border-radius: ",";\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  transform: translateZ(0);\n  width: 100%;\n"],["\n  align-content: center;\n  align-items: center;\n  background-color: ",";\n  border-radius: ",";\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  transform: translateZ(0);\n  width: 100%;\n"]),o=(0,a.default)(["\n  ","\n  position: absolute;\n"],["\n  ","\n  position: absolute;\n"]),s=r(13),d=n(s),f=r(10),c=r(14),p=(t.getSize=function(e){var t=e.size;return c.AVATAR_SIZES[t]},function(e){var t=e.size;return"\n  height: "+c.AVATAR_SIZES[t]+"px;\n  width: "+c.AVATAR_SIZES[t]+"px;\n"});t.default=d.default.div(i,p);var E=function(e){var t=e.size,r=e.appearance;return"circle"===r?"100%":Math.floor(c.AVATAR_SIZES[t]/10)+"px"},m=(t.ImageWrapper=d.default.div(u,function(e){var t=e.isLoading;return t?f.akColorN40:"transparent"},E),function(e){var t=e.appearance,r=e.size,n="square"===t?-(2*c.PRESENCE_BORDER_WIDTH[r]):c.PRESENCE_OFFSET[r],l=c.PRESENCE_SIZES[r];return"\n    bottom: "+n+"px;\n    height: "+l+"px;\n    right: "+n+"px;\n    width: "+l+"px;\n  "});t.PresenceWrapper=d.default.div(o,m)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PRESENCE_SIZES=t.PRESENCE_OFFSET=t.PRESENCE_BORDER_WIDTH=t.AVATAR_SIZES=void 0;var l=r(15),a=n(l),i=r(16),u=n(i),o=r(10),s=(t.AVATAR_SIZES={xsmall:2*o.akGridSizeUnitless,small:3*o.akGridSizeUnitless,medium:4*o.akGridSizeUnitless,large:6*o.akGridSizeUnitless,xlarge:12*o.akGridSizeUnitless},t.PRESENCE_BORDER_WIDTH={xsmall:0,small:2,medium:2,large:3,xlarge:3}),d={};(0,u.default)(s).forEach(function(e){d[e]=s[e]*-1}),t.PRESENCE_OFFSET=(0,a.default)({},d,{xlarge:6}),t.PRESENCE_SIZES={xsmall:0,small:12,medium:12,large:18,xlarge:18}},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/core-js/object/keys")},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=t.SIZE=t.getPresenceSVG=void 0;var l=r(3),a=n(l),i=r(4),u=n(i),o=r(5),s=n(o),d=r(6),f=n(d),c=r(7),p=n(c),E=r(8),m=n(E),h=r(9),g=n(h),b=r(10),_=r(18),v=n(_),C=r(19),x=n(C);t.getPresenceSVG=x.default;var y=(t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"}),P=function(e){function t(){return(0,u.default)(this,t),(0,f.default)(this,(t.__proto__||(0,a.default)(t)).apply(this,arguments))}return(0,p.default)(t,e),(0,s.default)(t,[{key:"render",value:function(){var e=this.props,t=e.borderColor,r=e.children,n=e.presence,l=e.size,a={borderColor:t};return g.default.createElement(v.default,{size:l,style:a},r||n&&(0,x.default)(n))}}]),t}(h.PureComponent);P.propTypes={borderColor:m.default.string,children:m.default.object,presence:m.default.oneOf(["none","online","busy","offline"]),size:m.default.oneOf(["xsmall","small","medium","large","xlarge"])},P.defaultProps={borderColor:b.akColorPrimary3,presence:y.defaultValue},t.default=P},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(12),a=n(l),i=(0,a.default)(["\n  align-content: center;\n  align-items: center;\n  border-color: ",";\n  border-radius: 100%;\n  border-style: solid;\n  border-width: ","px;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  &:empty {\n    display: none;\n  }\n"],["\n  align-content: center;\n  align-items: center;\n  border-color: ",";\n  border-radius: 100%;\n  border-style: solid;\n  border-width: ","px;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  &:empty {\n    display: none;\n  }\n"]),u=r(13),o=n(u),s=r(10),d=r(14);t.default=o.default.div(i,s.akColorPrimary3,function(e){var t=e.size;return d.PRESENCE_BORDER_WIDTH[t]||d.PRESENCE_BORDER_WIDTH.medium})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function l(e){var t=function(e){return o.default.createElement("svg",(0,i.default)({height:"100%",version:"1.1",viewBox:"0 0 8 8",width:"100%",xmlns:"http://www.w3.org/2000/svg"},e))};switch(e){case"busy":return o.default.createElement(t,null,o.default.createElement("circle",{fill:"#ED5451",cx:"4",cy:"4",r:"4"}),o.default.createElement("path",{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"}));case"offline":return o.default.createElement(t,null,o.default.createElement("path",{fill:"#6C798E",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"}),o.default.createElement("path",{fill:"#CFD4DB",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"}));case"online":return o.default.createElement(t,null,o.default.createElement("circle",{fill:"#48CC8C",cx:"4",cy:"4",r:"4"}));default:return null}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(15),i=n(a);t.default=l;var u=r(9),o=n(u)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultImage=void 0;var l=r(15),a=n(l),i=r(21),u=n(i),o=r(3),s=n(o),d=r(4),f=n(d),c=r(5),p=n(c),E=r(6),m=n(E),h=r(7),g=n(h),b=r(8),_=n(b),v=r(9),C=n(v),x=r(22),y=n(x),P=t.DefaultImage=function(){return C.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{fill:"#1893E7",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"}),C.default.createElement("path",{fill:"#80D8FF",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"}),C.default.createElement("mask",{fill:"white"},C.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"})),C.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"}))},S=function(e){function t(){return(0,f.default)(this,t),(0,m.default)(this,(t.__proto__||(0,s.default)(t)).apply(this,arguments))}return(0,g.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e=this.props,t=e.hasError,r=e.isLoading,n=(0,u.default)(e,["hasError","isLoading"]),l=!r&&(!this.props.src||t);return l?C.default.createElement(P,null):C.default.createElement(y.default,(0,a.default)({isLoading:r},n))}}]),t}(v.PureComponent);S.propTypes={alt:_.default.string,hasError:_.default.bool,isLoading:_.default.bool,onError:_.default.func,onLoad:_.default.func,src:_.default.string},t.default=S},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 l=r(12),a=n(l),i=(0,a.default)(["\n  display: ",";\n  height: 100%;\n  width: 100%;\n"],["\n  display: ",";\n  height: 100%;\n  width: 100%;\n"]),u=r(13),o=n(u),s=function(e){var t=e.isLoading;return t?"none":"inline-block"};t.default=o.default.img(i,s)}]);

dist/bundle.js

@@ -120,8 +120,11 @@ !function(root, factory) {
         }, Avatar = function(_PureComponent) {
-            // We set isLoading conditionally here in the event that the src prop is applied at mount.
-            function Avatar(props) {
+            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 = {
+                    hasError: !1,
+                    isLoading: !!_this.props.src
+                }, _this.imageLoadedHandler = function() {
                     _this.setState({
@@ -136,12 +139,11 @@ hasError: !1,
                     });
-                }, _this.state = {
-                    hasError: !1,
-                    isLoading: !!props.src
-                }, _this;
+                }, _ret = _temp, (0, _possibleConstructorReturn3.default)(_this, _ret);
             }
-            // We set isLoading conditionally here in the event that the src prop is updated after mount.
+            // eslint-disable-line react/sort-comp
+            // We set isLoading conditionally here in the event that the src prop is applied at mount.
             return (0, _inherits3.default)(Avatar, _PureComponent), (0, _createClass3.default)(Avatar, [ {
                 key: "componentWillReceiveProps",
+                // We set isLoading conditionally here in the event that the src prop is updated after mount.
                 value: function(nextProps) {
-                    this.props.src !== nextProps.src && this.setState({
+                    nextProps.src && this.props.src !== nextProps.src && this.setState({
                         isLoading: !0
@@ -182,19 +184,8 @@ });
 	  can be used for 'container' objects. */
-            appearance: _propTypes2.default.oneOf(APPEARANCE_TYPE.values),
-            /** 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%. */
-            icon: _propTypes2.default.element,
-            /** Defines the label for the Avatar used by screen readers as fallback
-	  content if the image fails to load. */
+            appearance: _propTypes2.default.oneOf([ "circle", "square" ]),
+            icon: _propTypes2.default.object,
             label: _propTypes2.default.string,
-            /** Used to override the default border color of the presence indicator.
-	  Accepts any color argument that the border-color CSS property accepts. */
             presenceBorderColor: _propTypes2.default.string,
-            /** Indicates a user's online status by showing a small icon on the avatar.
-	  Refer to presence values on the Presence component. */
-            presence: _propTypes2.default.oneOf(PRESENCE_TYPE.values),
-            /** Defines the size of the avatar */
-            size: _propTypes2.default.oneOf(SIZE.values),
-            /** A url to load an image from (this can also be a base64 encoded image). */
+            presence: _propTypes2.default.oneOf([ "none", "online", "busy", "offline" ]),
+            size: _propTypes2.default.oneOf([ "xsmall", "small", "medium", "large", "xlarge" ]),
             src: _propTypes2.default.string
@@ -349,9 +340,9 @@ }, Avatar.defaultProps = {
         // =============================================================
-        var SIZE = exports.SIZE = {
+        var PRESENCE_TYPE = (exports.SIZE = {
             values: [ "xsmall", "small", "medium", "large", "xlarge" ],
             defaultValue: "medium"
-        }, PRESENCE_TYPE = exports.PRESENCE_TYPE = {
+        }, exports.PRESENCE_TYPE = {
             values: [ "none", "online", "busy", "offline" ],
             defaultValue: "none"
-        }, Presence = function(_PureComponent) {
+        }), Presence = function(_PureComponent) {
             function Presence() {
@@ -370,3 +361,3 @@ return (0, _classCallCheck3.default)(this, Presence), (0, _possibleConstructorReturn3.default)(this, (Presence.__proto__ || (0,
                         style: style
-                    }, children || (0, _getPresenceSVG2.default)(presence));
+                    }, children || presence && (0, _getPresenceSVG2.default)(presence));
                 }
@@ -376,13 +367,9 @@ } ]), Presence;
         Presence.propTypes = {
+            // eslint-disable-line react/sort-comp
             /** Used to override the default border color of the presence indicator.
 	  Accepts any color argument that the border-color CSS property accepts. */
             borderColor: _propTypes2.default.string,
-            /** Content to use as a custom presence indicator (usually not required if
-	  consuming Presence separate to Avatar). */
-            children: _propTypes2.default.element,
-            /** Content to use as a custom presence indicator (usually not required if
-	  consuming Presence separate to Avatar). */
-            presence: _propTypes2.default.oneOf(PRESENCE_TYPE.values),
-            /** Defines the size of the presence. */
-            size: _propTypes2.default.oneOf(SIZE.values)
+            children: _propTypes2.default.object,
+            presence: _propTypes2.default.oneOf([ "none", "online", "busy", "offline" ]),
+            size: _propTypes2.default.oneOf([ "xsmall", "small", "medium", "large", "xlarge" ])
         }, Presence.defaultProps = {
@@ -389,0 +376,0 @@ borderColor: _utilSharedStyles.akColorPrimary3,

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(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("prop-types"),require("react"),require("@atlaskit/util-shared-styles"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/keys"),require("babel-runtime/helpers/objectWithoutProperties")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","@atlaskit/util-shared-styles","babel-runtime/helpers/taggedTemplateLiteral","styled-components","babel-runtime/helpers/extends","babel-runtime/core-js/object/keys","babel-runtime/helpers/objectWithoutProperties"],t):"object"==typeof exports?exports["@atlaskit/avatar"]=t(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("prop-types"),require("react"),require("@atlaskit/util-shared-styles"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/keys"),require("babel-runtime/helpers/objectWithoutProperties")):e["@atlaskit/avatar"]=t(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["prop-types"],e.react,e["@atlaskit/util-shared-styles"],e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/object/keys"],e["babel-runtime/helpers/objectWithoutProperties"])}(this,function(e,t,r,n,l,a,i,u,o,s,d,c,f){return function(e){function t(n){if(r[n])return r[n].exports;var l=r[n]={exports:{},id:n,loaded:!1};return e[n].call(l.exports,l,l.exports,t),l.loaded=!0,l.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(2);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n(l).default}});var a=r(17);Object.defineProperty(t,"Presence",{enumerable:!0,get:function(){return n(a).default}})},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=t.APPEARANCE_TYPE=t.SIZE=void 0;var l=r(3),a=n(l),i=r(4),u=n(i),o=r(5),s=n(o),d=r(6),c=n(d),f=r(7),p=n(f),b=r(8),m=n(b),h=r(9),E=n(h),g=r(10),C=r(11),v=n(C),_=r(17),y=n(_),x=r(20),P=n(x),S=t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},R=t.APPEARANCE_TYPE={values:["circle","square"],defaultValue:"circle"},j=t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},k=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({hasError:!1,isLoading:!1})},r.imageErrorHandler=function(){r.setState({hasError:!0,isLoading:!1})},r.state={hasError:!1,isLoading:!!e.src},r}return(0,p.default)(t,e),(0,s.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e=this.props,t=e.appearance,r=e.icon,n=e.label,l=e.presence,a=e.presenceBorderColor,i=e.size,u=e.src,o=this.state,s=o.hasError,d=o.isLoading,c="none"!==l||r;return E.default.createElement(v.default,{size:i},E.default.createElement(C.ImageWrapper,{appearance:t,size:i,isLoading:d,"aria-label":n},E.default.createElement(P.default,{alt:n,isLoading:d,src:u,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:s})),c?E.default.createElement(C.PresenceWrapper,{appearance:t,size:i},E.default.createElement(y.default,{presence:l,borderColor:a,size:i},r)):null)}}]),t}(h.PureComponent);k.propTypes={appearance:m.default.oneOf(R.values),icon:m.default.element,label:m.default.string,presenceBorderColor:m.default.string,presence:m.default.oneOf(j.values),size:m.default.oneOf(S.values),src:m.default.string},k.defaultProps={appearance:R.defaultValue,presenceBorderColor:g.akColorPrimary3,presence:j.defaultValue,size:S.defaultValue},t.default=k},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=l},function(e,t){e.exports=a},function(e,t){e.exports=i},function(e,t){e.exports=u},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PresenceWrapper=t.ImageWrapper=t.getSize=void 0;var l=r(12),a=n(l),i=(0,a.default)(["\n  ","\n  display: inline-block;\n  position: relative;\n"],["\n  ","\n  display: inline-block;\n  position: relative;\n"]),u=(0,a.default)(["\n  align-content: center;\n  align-items: center;\n  background-color: ",";\n  border-radius: ",";\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  transform: translateZ(0);\n  width: 100%;\n"],["\n  align-content: center;\n  align-items: center;\n  background-color: ",";\n  border-radius: ",";\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  transform: translateZ(0);\n  width: 100%;\n"]),o=(0,a.default)(["\n  ","\n  position: absolute;\n"],["\n  ","\n  position: absolute;\n"]),s=r(13),d=n(s),c=r(10),f=r(14),p=(t.getSize=function(e){var t=e.size;return f.AVATAR_SIZES[t]},function(e){var t=e.size;return"\n  height: "+f.AVATAR_SIZES[t]+"px;\n  width: "+f.AVATAR_SIZES[t]+"px;\n"});t.default=d.default.div(i,p);var b=function(e){var t=e.size,r=e.appearance;return"circle"===r?"100%":Math.floor(f.AVATAR_SIZES[t]/10)+"px"},m=(t.ImageWrapper=d.default.div(u,function(e){var t=e.isLoading;return t?c.akColorN40:"transparent"},b),function(e){var t=e.appearance,r=e.size,n="square"===t?-(2*f.PRESENCE_BORDER_WIDTH[r]):f.PRESENCE_OFFSET[r],l=f.PRESENCE_SIZES[r];return"\n    bottom: "+n+"px;\n    height: "+l+"px;\n    right: "+n+"px;\n    width: "+l+"px;\n  "});t.PresenceWrapper=d.default.div(o,m)},function(e,t){e.exports=o},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_SIZES=t.PRESENCE_OFFSET=t.PRESENCE_BORDER_WIDTH=t.AVATAR_SIZES=void 0;var l=r(15),a=n(l),i=r(16),u=n(i),o=r(10),s=(t.AVATAR_SIZES={xsmall:2*o.akGridSizeUnitless,small:3*o.akGridSizeUnitless,medium:4*o.akGridSizeUnitless,large:6*o.akGridSizeUnitless,xlarge:12*o.akGridSizeUnitless},t.PRESENCE_BORDER_WIDTH={xsmall:0,small:2,medium:2,large:3,xlarge:3}),d={};(0,u.default)(s).forEach(function(e){d[e]=s[e]*-1}),t.PRESENCE_OFFSET=(0,a.default)({},d,{xlarge:6}),t.PRESENCE_SIZES={xsmall:0,small:12,medium:12,large:18,xlarge:18}},function(e,t){e.exports=d},function(e,t){e.exports=c},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=t.SIZE=t.getPresenceSVG=void 0;var l=r(3),a=n(l),i=r(4),u=n(i),o=r(5),s=n(o),d=r(6),c=n(d),f=r(7),p=n(f),b=r(8),m=n(b),h=r(9),E=n(h),g=r(10),C=r(18),v=n(C),_=r(19),y=n(_);t.getPresenceSVG=y.default;var x=t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},P=t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},S=function(e){function t(){return(0,u.default)(this,t),(0,c.default)(this,(t.__proto__||(0,a.default)(t)).apply(this,arguments))}return(0,p.default)(t,e),(0,s.default)(t,[{key:"render",value:function(){var e=this.props,t=e.borderColor,r=e.children,n=e.presence,l=e.size,a={borderColor:t};return E.default.createElement(v.default,{size:l,style:a},r||(0,y.default)(n))}}]),t}(h.PureComponent);S.propTypes={borderColor:m.default.string,children:m.default.element,presence:m.default.oneOf(P.values),size:m.default.oneOf(x.values)},S.defaultProps={borderColor:g.akColorPrimary3,presence:P.defaultValue},t.default=S},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(12),a=n(l),i=(0,a.default)(["\n  align-content: center;\n  align-items: center;\n  border-color: ",";\n  border-radius: 100%;\n  border-style: solid;\n  border-width: ","px;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  &:empty {\n    display: none;\n  }\n"],["\n  align-content: center;\n  align-items: center;\n  border-color: ",";\n  border-radius: 100%;\n  border-style: solid;\n  border-width: ","px;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  &:empty {\n    display: none;\n  }\n"]),u=r(13),o=n(u),s=r(10),d=r(14);t.default=o.default.div(i,s.akColorPrimary3,function(e){var t=e.size;return d.PRESENCE_BORDER_WIDTH[t]||d.PRESENCE_BORDER_WIDTH.medium})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function l(e){var t=function(e){return o.default.createElement("svg",(0,i.default)({height:"100%",version:"1.1",viewBox:"0 0 8 8",width:"100%",xmlns:"http://www.w3.org/2000/svg"},e))};switch(e){case"busy":return o.default.createElement(t,null,o.default.createElement("circle",{fill:"#ED5451",cx:"4",cy:"4",r:"4"}),o.default.createElement("path",{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"}));case"offline":return o.default.createElement(t,null,o.default.createElement("path",{fill:"#6C798E",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"}),o.default.createElement("path",{fill:"#CFD4DB",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"}));case"online":return o.default.createElement(t,null,o.default.createElement("circle",{fill:"#48CC8C",cx:"4",cy:"4",r:"4"}));default:return null}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(15),i=n(a);t.default=l;var u=r(9),o=n(u)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultImage=void 0;var l=r(15),a=n(l),i=r(21),u=n(i),o=r(3),s=n(o),d=r(4),c=n(d),f=r(5),p=n(f),b=r(6),m=n(b),h=r(7),E=n(h),g=r(8),C=n(g),v=r(9),_=n(v),y=r(22),x=n(y),P=t.DefaultImage=function(){return _.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{fill:"#1893E7",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"}),_.default.createElement("path",{fill:"#80D8FF",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"}),_.default.createElement("mask",{fill:"white"},_.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"})),_.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"}))},S=function(e){function t(){return(0,c.default)(this,t),(0,m.default)(this,(t.__proto__||(0,s.default)(t)).apply(this,arguments))}return(0,E.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e=this.props,t=e.hasError,r=e.isLoading,n=(0,u.default)(e,["hasError","isLoading"]),l=!r&&(!this.props.src||t);return l?_.default.createElement(P,null):_.default.createElement(x.default,(0,a.default)({isLoading:r},n))}}]),t}(v.PureComponent);S.propTypes={alt:C.default.string,hasError:C.default.bool,isLoading:C.default.bool,onError:C.default.func,onLoad:C.default.func,src:C.default.string},t.default=S},function(e,t){e.exports=f},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(12),a=n(l),i=(0,a.default)(["\n  display: ",";\n  height: 100%;\n  width: 100%;\n"],["\n  display: ",";\n  height: 100%;\n  width: 100%;\n"]),u=r(13),o=n(u),s=function(e){var t=e.isLoading;return t?"none":"inline-block"};t.default=o.default.img(i,s)}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(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("prop-types"),require("react"),require("@atlaskit/util-shared-styles"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/keys"),require("babel-runtime/helpers/objectWithoutProperties")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","@atlaskit/util-shared-styles","babel-runtime/helpers/taggedTemplateLiteral","styled-components","babel-runtime/helpers/extends","babel-runtime/core-js/object/keys","babel-runtime/helpers/objectWithoutProperties"],t):"object"==typeof exports?exports["@atlaskit/avatar"]=t(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("prop-types"),require("react"),require("@atlaskit/util-shared-styles"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/keys"),require("babel-runtime/helpers/objectWithoutProperties")):e["@atlaskit/avatar"]=t(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["prop-types"],e.react,e["@atlaskit/util-shared-styles"],e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/object/keys"],e["babel-runtime/helpers/objectWithoutProperties"])}(this,function(e,t,r,n,l,a,i,o,u,s,d,c,f){return function(e){function t(n){if(r[n])return r[n].exports;var l=r[n]={exports:{},id:n,loaded:!1};return e[n].call(l.exports,l,l.exports,t),l.loaded=!0,l.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(2);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n(l).default}});var a=r(17);Object.defineProperty(t,"Presence",{enumerable:!0,get:function(){return n(a).default}})},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=t.APPEARANCE_TYPE=t.SIZE=void 0;var l=r(3),a=n(l),i=r(4),o=n(i),u=r(5),s=n(u),d=r(6),c=n(d),f=r(7),p=n(f),b=r(8),m=n(b),h=r(9),E=n(h),g=r(10),C=r(11),_=n(C),v=r(17),y=n(v),x=r(20),P=n(x),S=t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},R=t.APPEARANCE_TYPE={values:["circle","square"],defaultValue:"circle"},j=t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},k=function(e){function t(){var e,r,n,l;(0,o.default)(this,t);for(var i=arguments.length,u=Array(i),s=0;s<i;s++)u[s]=arguments[s];return r=n=(0,c.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(u))),n.state={hasError:!1,isLoading:!!n.props.src},n.imageLoadedHandler=function(){n.setState({hasError:!1,isLoading:!1})},n.imageErrorHandler=function(){n.setState({hasError:!0,isLoading:!1})},l=r,(0,c.default)(n,l)}return(0,p.default)(t,e),(0,s.default)(t,[{key:"componentWillReceiveProps",value:function(e){e.src&&this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e=this.props,t=e.appearance,r=e.icon,n=e.label,l=e.presence,a=e.presenceBorderColor,i=e.size,o=e.src,u=this.state,s=u.hasError,d=u.isLoading,c="none"!==l||r;return E.default.createElement(_.default,{size:i},E.default.createElement(C.ImageWrapper,{appearance:t,size:i,isLoading:d,"aria-label":n},E.default.createElement(P.default,{alt:n,isLoading:d,src:o,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:s})),c?E.default.createElement(C.PresenceWrapper,{appearance:t,size:i},E.default.createElement(y.default,{presence:l,borderColor:a,size:i},r)):null)}}]),t}(h.PureComponent);k.propTypes={appearance:m.default.oneOf(["circle","square"]),icon:m.default.object,label:m.default.string,presenceBorderColor:m.default.string,presence:m.default.oneOf(["none","online","busy","offline"]),size:m.default.oneOf(["xsmall","small","medium","large","xlarge"]),src:m.default.string},k.defaultProps={appearance:R.defaultValue,presenceBorderColor:g.akColorPrimary3,presence:j.defaultValue,size:S.defaultValue},t.default=k},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=l},function(e,t){e.exports=a},function(e,t){e.exports=i},function(e,t){e.exports=o},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PresenceWrapper=t.ImageWrapper=t.getSize=void 0;var l=r(12),a=n(l),i=(0,a.default)(["\n  ","\n  display: inline-block;\n  position: relative;\n"],["\n  ","\n  display: inline-block;\n  position: relative;\n"]),o=(0,a.default)(["\n  align-content: center;\n  align-items: center;\n  background-color: ",";\n  border-radius: ",";\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  transform: translateZ(0);\n  width: 100%;\n"],["\n  align-content: center;\n  align-items: center;\n  background-color: ",";\n  border-radius: ",";\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  transform: translateZ(0);\n  width: 100%;\n"]),u=(0,a.default)(["\n  ","\n  position: absolute;\n"],["\n  ","\n  position: absolute;\n"]),s=r(13),d=n(s),c=r(10),f=r(14),p=(t.getSize=function(e){var t=e.size;return f.AVATAR_SIZES[t]},function(e){var t=e.size;return"\n  height: "+f.AVATAR_SIZES[t]+"px;\n  width: "+f.AVATAR_SIZES[t]+"px;\n"});t.default=d.default.div(i,p);var b=function(e){var t=e.size,r=e.appearance;return"circle"===r?"100%":Math.floor(f.AVATAR_SIZES[t]/10)+"px"},m=(t.ImageWrapper=d.default.div(o,function(e){var t=e.isLoading;return t?c.akColorN40:"transparent"},b),function(e){var t=e.appearance,r=e.size,n="square"===t?-(2*f.PRESENCE_BORDER_WIDTH[r]):f.PRESENCE_OFFSET[r],l=f.PRESENCE_SIZES[r];return"\n    bottom: "+n+"px;\n    height: "+l+"px;\n    right: "+n+"px;\n    width: "+l+"px;\n  "});t.PresenceWrapper=d.default.div(u,m)},function(e,t){e.exports=u},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_SIZES=t.PRESENCE_OFFSET=t.PRESENCE_BORDER_WIDTH=t.AVATAR_SIZES=void 0;var l=r(15),a=n(l),i=r(16),o=n(i),u=r(10),s=(t.AVATAR_SIZES={xsmall:2*u.akGridSizeUnitless,small:3*u.akGridSizeUnitless,medium:4*u.akGridSizeUnitless,large:6*u.akGridSizeUnitless,xlarge:12*u.akGridSizeUnitless},t.PRESENCE_BORDER_WIDTH={xsmall:0,small:2,medium:2,large:3,xlarge:3}),d={};(0,o.default)(s).forEach(function(e){d[e]=s[e]*-1}),t.PRESENCE_OFFSET=(0,a.default)({},d,{xlarge:6}),t.PRESENCE_SIZES={xsmall:0,small:12,medium:12,large:18,xlarge:18}},function(e,t){e.exports=d},function(e,t){e.exports=c},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=t.SIZE=t.getPresenceSVG=void 0;var l=r(3),a=n(l),i=r(4),o=n(i),u=r(5),s=n(u),d=r(6),c=n(d),f=r(7),p=n(f),b=r(8),m=n(b),h=r(9),E=n(h),g=r(10),C=r(18),_=n(C),v=r(19),y=n(v);t.getPresenceSVG=y.default;var x=(t.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},t.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"}),P=function(e){function t(){return(0,o.default)(this,t),(0,c.default)(this,(t.__proto__||(0,a.default)(t)).apply(this,arguments))}return(0,p.default)(t,e),(0,s.default)(t,[{key:"render",value:function(){var e=this.props,t=e.borderColor,r=e.children,n=e.presence,l=e.size,a={borderColor:t};return E.default.createElement(_.default,{size:l,style:a},r||n&&(0,y.default)(n))}}]),t}(h.PureComponent);P.propTypes={borderColor:m.default.string,children:m.default.object,presence:m.default.oneOf(["none","online","busy","offline"]),size:m.default.oneOf(["xsmall","small","medium","large","xlarge"])},P.defaultProps={borderColor:g.akColorPrimary3,presence:x.defaultValue},t.default=P},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(12),a=n(l),i=(0,a.default)(["\n  align-content: center;\n  align-items: center;\n  border-color: ",";\n  border-radius: 100%;\n  border-style: solid;\n  border-width: ","px;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  &:empty {\n    display: none;\n  }\n"],["\n  align-content: center;\n  align-items: center;\n  border-color: ",";\n  border-radius: 100%;\n  border-style: solid;\n  border-width: ","px;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  &:empty {\n    display: none;\n  }\n"]),o=r(13),u=n(o),s=r(10),d=r(14);t.default=u.default.div(i,s.akColorPrimary3,function(e){var t=e.size;return d.PRESENCE_BORDER_WIDTH[t]||d.PRESENCE_BORDER_WIDTH.medium})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function l(e){var t=function(e){return u.default.createElement("svg",(0,i.default)({height:"100%",version:"1.1",viewBox:"0 0 8 8",width:"100%",xmlns:"http://www.w3.org/2000/svg"},e))};switch(e){case"busy":return u.default.createElement(t,null,u.default.createElement("circle",{fill:"#ED5451",cx:"4",cy:"4",r:"4"}),u.default.createElement("path",{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"}));case"offline":return u.default.createElement(t,null,u.default.createElement("path",{fill:"#6C798E",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"}),u.default.createElement("path",{fill:"#CFD4DB",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"}));case"online":return u.default.createElement(t,null,u.default.createElement("circle",{fill:"#48CC8C",cx:"4",cy:"4",r:"4"}));default:return null}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(15),i=n(a);t.default=l;var o=r(9),u=n(o)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultImage=void 0;var l=r(15),a=n(l),i=r(21),o=n(i),u=r(3),s=n(u),d=r(4),c=n(d),f=r(5),p=n(f),b=r(6),m=n(b),h=r(7),E=n(h),g=r(8),C=n(g),_=r(9),v=n(_),y=r(22),x=n(y),P=t.DefaultImage=function(){return v.default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},v.default.createElement("path",{fill:"#1893E7",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"}),v.default.createElement("path",{fill:"#80D8FF",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"}),v.default.createElement("mask",{fill:"white"},v.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"})),v.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"}))},S=function(e){function t(){return(0,c.default)(this,t),(0,m.default)(this,(t.__proto__||(0,s.default)(t)).apply(this,arguments))}return(0,E.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e=this.props,t=e.hasError,r=e.isLoading,n=(0,o.default)(e,["hasError","isLoading"]),l=!r&&(!this.props.src||t);return l?v.default.createElement(P,null):v.default.createElement(x.default,(0,a.default)({isLoading:r},n))}}]),t}(_.PureComponent);S.propTypes={alt:C.default.string,hasError:C.default.bool,isLoading:C.default.bool,onError:C.default.func,onLoad:C.default.func,src:C.default.string},t.default=S},function(e,t){e.exports=f},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=r(12),a=n(l),i=(0,a.default)(["\n  display: ",";\n  height: 100%;\n  width: 100%;\n"],["\n  display: ",";\n  height: 100%;\n  width: 100%;\n"]),o=r(13),u=n(o),s=function(e){var t=e.isLoading;return t?"none":"inline-block"};t.default=u.default.img(i,s)}])});

package.json

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

README.md

@@ -14,3 +14,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://atlaskit.atlassian.com)
 
-Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/avatar/4.0.5/).
+Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/avatar/4.0.6/).
 
@@ -17,0 +17,0 @@ ## Installation

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

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

Worsened metrics

Total package byte prevSize

92565

decreased by-0.43%

Lines of code

1091

decreased by-2.33%

No dependency changes