Socket
Socket
Sign inDemoInstall

@atlaskit/avatar

Package Overview
Dependencies
Maintainers
1
Versions
243
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/avatar - npm Package Compare versions

Comparing version 4.0.3 to 4.0.4

14

CHANGELOG.md

@@ -1,6 +0,16 @@

<a name="4.0.3"></a>
## 4.0.3 (2017-05-23)
<a name="4.0.4"></a>
## 4.0.4 (2017-05-26)
<a name="4.0.4"></a>
## 4.0.4 (2017-05-26)
### Bug Fixes
* **package:** add prop-types as a dependency to avoid React 15.x warnings ([92598eb](https://bitbucket.org/atlassian/atlaskit/commits/92598eb))
<a name="4.0.3"></a>

@@ -7,0 +17,0 @@ ## 4.0.3 (2017-05-23)

90

dist/bundle-cjs.js

@@ -88,3 +88,3 @@ module.exports = /******/

});
var _Presence = __webpack_require__(16);
var _Presence = __webpack_require__(17);
Object.defineProperty(exports, "Presence", {

@@ -108,3 +108,3 @@ enumerable: !0,

}), exports.PRESENCE_TYPE = exports.APPEARANCE_TYPE = exports.SIZE = void 0;
var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(9), _Avatar = __webpack_require__(10), _Avatar2 = _interopRequireDefault(_Avatar), _Presence = __webpack_require__(16), _Presence2 = _interopRequireDefault(_Presence), _Image = __webpack_require__(19), _Image2 = _interopRequireDefault(_Image), SIZE = exports.SIZE = {
var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(10), _Avatar = __webpack_require__(11), _Avatar2 = _interopRequireDefault(_Avatar), _Presence = __webpack_require__(17), _Presence2 = _interopRequireDefault(_Presence), _Image = __webpack_require__(20), _Image2 = _interopRequireDefault(_Image), SIZE = exports.SIZE = {
values: [ "xsmall", "small", "medium", "large", "xlarge" ],

@@ -179,20 +179,20 @@ defaultValue: "medium"

can be used for 'container' objects. */
appearance: _react.PropTypes.oneOf(APPEARANCE_TYPE.values),
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: _react.PropTypes.element,
icon: _propTypes2.default.element,
/** Defines the label for the Avatar used by screen readers as fallback
content if the image fails to load. */
label: _react.PropTypes.string,
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: _react.PropTypes.string,
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: _react.PropTypes.oneOf(PRESENCE_TYPE.values),
presence: _propTypes2.default.oneOf(PRESENCE_TYPE.values),
/** Defines the size of the avatar */
size: _react.PropTypes.oneOf(SIZE.values),
size: _propTypes2.default.oneOf(SIZE.values),
/** A url to load an image from (this can also be a base64 encoded image). */
src: _react.PropTypes.string
src: _propTypes2.default.string
}, Avatar.defaultProps = {

@@ -228,9 +228,13 @@ appearance: APPEARANCE_TYPE.defaultValue,

function(module, exports) {
module.exports = require("react");
module.exports = require("prop-types");
}, /* 9 */
/***/
function(module, exports) {
module.exports = require("@atlaskit/util-shared-styles");
module.exports = require("react");
}, /* 10 */
/***/
function(module, exports) {
module.exports = require("@atlaskit/util-shared-styles");
}, /* 11 */
/***/
function(module, exports, __webpack_require__) {

@@ -246,6 +250,6 @@ "use strict";

}), exports.PresenceWrapper = exports.ImageWrapper = exports.getSize = void 0;
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n ", "\n display: inline-block;\n position: relative;\n" ], [ "\n ", "\n display: inline-block;\n position: relative;\n" ]), _templateObject2 = (0,
_taggedTemplateLiteral3.default)([ "\n align-content: center;\n align-items: middle;\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: middle;\n background-color: ", ";\n border-radius: ", ";\n display: flex;\n height: 100%;\n overflow: hidden;\n transform: translateZ(0);\n width: 100%;\n" ]), _templateObject3 = (0,
_taggedTemplateLiteral3.default)([ "\n ", "\n position: absolute;\n" ], [ "\n ", "\n position: absolute;\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(9), _constants = __webpack_require__(13), getAvatarDimensions = (exports.getSize = function(_ref) {
_taggedTemplateLiteral3.default)([ "\n ", "\n position: absolute;\n" ], [ "\n ", "\n position: absolute;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(10), _constants = __webpack_require__(14), getAvatarDimensions = (exports.getSize = function(_ref) {
var size = _ref.size;

@@ -270,11 +274,11 @@ return _constants.AVATAR_SIZES[size];

exports.PresenceWrapper = _styledComponents2.default.div(_templateObject3, getPresenceLayout);
}, /* 11 */
}, /* 12 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/taggedTemplateLiteral");
}, /* 12 */
}, /* 13 */
/***/
function(module, exports) {
module.exports = require("styled-components");
}, /* 13 */
}, /* 14 */
/***/

@@ -291,3 +295,3 @@ function(module, exports, __webpack_require__) {

}), exports.PRESENCE_SIZES = exports.PRESENCE_OFFSET = exports.PRESENCE_BORDER_WIDTH = exports.AVATAR_SIZES = void 0;
var _extends2 = __webpack_require__(14), _extends3 = _interopRequireDefault(_extends2), _keys = __webpack_require__(15), _keys2 = _interopRequireDefault(_keys), _utilSharedStyles = __webpack_require__(9), PRESENCE_BORDER_WIDTH = (exports.AVATAR_SIZES = {
var _extends2 = __webpack_require__(15), _extends3 = _interopRequireDefault(_extends2), _keys = __webpack_require__(16), _keys2 = _interopRequireDefault(_keys), _utilSharedStyles = __webpack_require__(10), PRESENCE_BORDER_WIDTH = (exports.AVATAR_SIZES = {
xsmall: 2 * _utilSharedStyles.akGridSizeUnitless,

@@ -317,11 +321,11 @@ small: 3 * _utilSharedStyles.akGridSizeUnitless,

};
}, /* 14 */
}, /* 15 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/extends");
}, /* 15 */
}, /* 16 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/core-js/object/keys");
}, /* 16 */
}, /* 17 */
/***/

@@ -338,3 +342,3 @@ function(module, exports, __webpack_require__) {

}), exports.PRESENCE_TYPE = exports.SIZE = exports.getPresenceSVG = void 0;
var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(9), _Presence = __webpack_require__(17), _Presence2 = _interopRequireDefault(_Presence), _getPresenceSVG = __webpack_require__(18), _getPresenceSVG2 = _interopRequireDefault(_getPresenceSVG);
var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(10), _Presence = __webpack_require__(18), _Presence2 = _interopRequireDefault(_Presence), _getPresenceSVG = __webpack_require__(19), _getPresenceSVG2 = _interopRequireDefault(_getPresenceSVG);
// TODO: This probably shouldn't be part of the public API; it can probably

@@ -375,11 +379,11 @@ // safely be removed but we should check because it's technically a breaking change

Accepts any color argument that the border-color CSS property accepts. */
borderColor: _react.PropTypes.string,
borderColor: _propTypes2.default.string,
/** Content to use as a custom presence indicator (usually not required if
consuming Presence separate to Avatar). */
children: _react.PropTypes.element,
children: _propTypes2.default.element,
/** 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: _propTypes2.default.oneOf(PRESENCE_TYPE.values),
/** Defines the size of the presence. */
size: _react.PropTypes.oneOf(SIZE.values)
size: _propTypes2.default.oneOf(SIZE.values)
}, Presence.defaultProps = {

@@ -390,3 +394,3 @@ borderColor: _utilSharedStyles.akColorPrimary3,

}, exports.default = Presence;
}, /* 17 */
}, /* 18 */
/***/

@@ -403,4 +407,4 @@ function(module, exports, __webpack_require__) {

});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n align-content: center;\n align-items: middle;\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: middle;\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" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(9), _constants = __webpack_require__(13);
var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n align-content: center;\n align-items: middle;\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: middle;\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" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(10), _constants = __webpack_require__(14);
// set fallbacks for border color/width to protect consumers from invalid values

@@ -411,3 +415,3 @@ exports.default = _styledComponents2.default.div(_templateObject, _utilSharedStyles.akColorPrimary3, function(_ref) {

});
}, /* 18 */
}, /* 19 */
/***/

@@ -467,6 +471,6 @@ function(module, exports, __webpack_require__) {

});
var _extends2 = __webpack_require__(14), _extends3 = _interopRequireDefault(_extends2);
var _extends2 = __webpack_require__(15), _extends3 = _interopRequireDefault(_extends2);
exports.default = getPresenceSvg;
var _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react);
}, /* 19 */
var _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react);
}, /* 20 */
/***/

@@ -483,3 +487,3 @@ function(module, exports, __webpack_require__) {

}), exports.DefaultImage = void 0;
var _extends2 = __webpack_require__(14), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(20), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _Image = __webpack_require__(21), _Image2 = _interopRequireDefault(_Image), DefaultImage = exports.DefaultImage = function() {
var _extends2 = __webpack_require__(15), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(21), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Image = __webpack_require__(22), _Image2 = _interopRequireDefault(_Image), DefaultImage = exports.DefaultImage = function() {
return _react2.default.createElement("svg", {

@@ -523,14 +527,14 @@ width: "100%",

Image.propTypes = {
alt: _react.PropTypes.string,
hasError: _react.PropTypes.bool,
isLoading: _react.PropTypes.bool,
onError: _react.PropTypes.func,
onLoad: _react.PropTypes.func,
src: _react.PropTypes.string
alt: _propTypes2.default.string,
hasError: _propTypes2.default.bool,
isLoading: _propTypes2.default.bool,
onError: _propTypes2.default.func,
onLoad: _propTypes2.default.func,
src: _propTypes2.default.string
}, exports.default = Image;
}, /* 20 */
}, /* 21 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/objectWithoutProperties");
}, /* 21 */
}, /* 22 */
/***/

@@ -547,4 +551,4 @@ function(module, exports, __webpack_require__) {

});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n display: ", ";\n height: 100%;\n width: 100%;\n" ], [ "\n display: ", ";\n height: 100%;\n width: 100%;\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), getDisplay = function(_ref) {
var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n display: ", ";\n height: 100%;\n width: 100%;\n" ], [ "\n display: ", ";\n height: 100%;\n width: 100%;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), getDisplay = function(_ref) {
var isLoading = _ref.isLoading;

@@ -551,0 +555,0 @@ return isLoading ? "none" : "inline-block";

2

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@

module.exports=function(e){function r(n){if(t[n])return t[n].exports;var l=t[n]={exports:{},id:n,loaded:!1};return e[n].call(l.exports,l,l.exports,r),l.loaded=!0,l.exports}var t={};return r.m=e,r.c=t,r.p="",r(0)}([function(e,r,t){e.exports=t(1)},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var l=t(2);Object.defineProperty(r,"default",{enumerable:!0,get:function(){return n(l).default}});var a=t(16);Object.defineProperty(r,"Presence",{enumerable:!0,get:function(){return n(a).default}})},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.PRESENCE_TYPE=r.APPEARANCE_TYPE=r.SIZE=void 0;var l=t(3),a=n(l),i=t(4),o=n(i),u=t(5),s=n(u),d=t(6),f=n(d),c=t(7),p=n(c),E=t(8),m=n(E),h=t(9),g=t(10),_=n(g),v=t(16),b=n(v),C=t(19),P=n(C),y=r.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},x=r.APPEARANCE_TYPE={values:["circle","square"],defaultValue:"circle"},S=r.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},T=function(e){function r(e){(0,o.default)(this,r);var t=(0,f.default)(this,(r.__proto__||(0,a.default)(r)).call(this,e));return t.imageLoadedHandler=function(){t.setState({hasError:!1,isLoading:!1})},t.imageErrorHandler=function(){t.setState({hasError:!0,isLoading:!1})},t.state={hasError:!1,isLoading:!!e.src},t}return(0,p.default)(r,e),(0,s.default)(r,[{key:"componentWillReceiveProps",value:function(e){this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e=this.props,r=e.appearance,t=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,f="none"!==l||t;return m.default.createElement(_.default,{size:i},m.default.createElement(g.ImageWrapper,{appearance:r,size:i,isLoading:d,"aria-label":n},m.default.createElement(P.default,{alt:n,isLoading:d,src:o,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:s})),f?m.default.createElement(g.PresenceWrapper,{appearance:r,size:i},m.default.createElement(b.default,{presence:l,borderColor:a,size:i},t)):null)}}]),r}(E.PureComponent);T.propTypes={appearance:E.PropTypes.oneOf(x.values),icon:E.PropTypes.element,label:E.PropTypes.string,presenceBorderColor:E.PropTypes.string,presence:E.PropTypes.oneOf(S.values),size:E.PropTypes.oneOf(y.values),src:E.PropTypes.string},T.defaultProps={appearance:x.defaultValue,presenceBorderColor:h.akColorPrimary3,presence:S.defaultValue,size:y.defaultValue},r.default=T},function(e,r){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,r){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,r){e.exports=require("babel-runtime/helpers/createClass")},function(e,r){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,r){e.exports=require("babel-runtime/helpers/inherits")},function(e,r){e.exports=require("react")},function(e,r){e.exports=require("@atlaskit/util-shared-styles")},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.PresenceWrapper=r.ImageWrapper=r.getSize=void 0;var l=t(11),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: middle;\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: middle;\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=t(12),d=n(s),f=t(9),c=t(13),p=(r.getSize=function(e){var r=e.size;return c.AVATAR_SIZES[r]},function(e){var r=e.size;return"\n height: "+c.AVATAR_SIZES[r]+"px;\n width: "+c.AVATAR_SIZES[r]+"px;\n"});r.default=d.default.div(i,p);var E=function(e){var r=e.size,t=e.appearance;return"circle"===t?"100%":Math.floor(c.AVATAR_SIZES[r]/10)+"px"},m=(r.ImageWrapper=d.default.div(o,function(e){var r=e.isLoading;return r?f.akColorN40:"transparent"},E),function(e){var r=e.appearance,t=e.size,n="square"===r?-(2*c.PRESENCE_BORDER_WIDTH[t]):c.PRESENCE_OFFSET[t],l=c.PRESENCE_SIZES[t];return"\n bottom: "+n+"px;\n height: "+l+"px;\n right: "+n+"px;\n width: "+l+"px;\n "});r.PresenceWrapper=d.default.div(u,m)},function(e,r){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,r){e.exports=require("styled-components")},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.PRESENCE_SIZES=r.PRESENCE_OFFSET=r.PRESENCE_BORDER_WIDTH=r.AVATAR_SIZES=void 0;var l=t(14),a=n(l),i=t(15),o=n(i),u=t(9),s=(r.AVATAR_SIZES={xsmall:2*u.akGridSizeUnitless,small:3*u.akGridSizeUnitless,medium:4*u.akGridSizeUnitless,large:6*u.akGridSizeUnitless,xlarge:12*u.akGridSizeUnitless},r.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}),r.PRESENCE_OFFSET=(0,a.default)({},d,{xlarge:6}),r.PRESENCE_SIZES={xsmall:0,small:12,medium:12,large:18,xlarge:18}},function(e,r){e.exports=require("babel-runtime/helpers/extends")},function(e,r){e.exports=require("babel-runtime/core-js/object/keys")},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.PRESENCE_TYPE=r.SIZE=r.getPresenceSVG=void 0;var l=t(3),a=n(l),i=t(4),o=n(i),u=t(5),s=n(u),d=t(6),f=n(d),c=t(7),p=n(c),E=t(8),m=n(E),h=t(9),g=t(17),_=n(g),v=t(18),b=n(v);r.getPresenceSVG=b.default;var C=r.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},P=r.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},y=function(e){function r(){return(0,o.default)(this,r),(0,f.default)(this,(r.__proto__||(0,a.default)(r)).apply(this,arguments))}return(0,p.default)(r,e),(0,s.default)(r,[{key:"render",value:function(){var e=this.props,r=e.borderColor,t=e.children,n=e.presence,l=e.size,a={borderColor:r};return m.default.createElement(_.default,{size:l,style:a},t||(0,b.default)(n))}}]),r}(E.PureComponent);y.propTypes={borderColor:E.PropTypes.string,children:E.PropTypes.element,presence:E.PropTypes.oneOf(P.values),size:E.PropTypes.oneOf(C.values)},y.defaultProps={borderColor:h.akColorPrimary3,presence:P.defaultValue},r.default=y},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var l=t(11),a=n(l),i=(0,a.default)(["\n align-content: center;\n align-items: middle;\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: middle;\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=t(12),u=n(o),s=t(9),d=t(13);r.default=u.default.div(i,s.akColorPrimary3,function(e){var r=e.size;return d.PRESENCE_BORDER_WIDTH[r]||d.PRESENCE_BORDER_WIDTH.medium})},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function l(e){var r=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(r,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(r,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(r,null,u.default.createElement("circle",{fill:"#48CC8C",cx:"4",cy:"4",r:"4"}));default:return null}}Object.defineProperty(r,"__esModule",{value:!0});var a=t(14),i=n(a);r.default=l;var o=t(8),u=n(o)},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.DefaultImage=void 0;var l=t(14),a=n(l),i=t(20),o=n(i),u=t(3),s=n(u),d=t(4),f=n(d),c=t(5),p=n(c),E=t(6),m=n(E),h=t(7),g=n(h),_=t(8),v=n(_),b=t(21),C=n(b),P=r.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"}))},y=function(e){function r(){return(0,f.default)(this,r),(0,m.default)(this,(r.__proto__||(0,s.default)(r)).apply(this,arguments))}return(0,g.default)(r,e),(0,p.default)(r,[{key:"render",value:function(){var e=this.props,r=e.hasError,t=e.isLoading,n=(0,o.default)(e,["hasError","isLoading"]),l=!t&&(!this.props.src||r);return l?v.default.createElement(P,null):v.default.createElement(C.default,(0,a.default)({isLoading:t},n))}}]),r}(_.PureComponent);y.propTypes={alt:_.PropTypes.string,hasError:_.PropTypes.bool,isLoading:_.PropTypes.bool,onError:_.PropTypes.func,onLoad:_.PropTypes.func,src:_.PropTypes.string},r.default=y},function(e,r){e.exports=require("babel-runtime/helpers/objectWithoutProperties")},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var l=t(11),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=t(12),u=n(o),s=function(e){var r=e.isLoading;return r?"none":"inline-block"};r.default=u.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),d=n(o),s=r(6),f=n(s),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,d.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,d=o.hasError,s=o.isLoading,f="none"!==l||r;return g.default.createElement(b.default,{size:i},g.default.createElement(v.ImageWrapper,{appearance:t,size:i,isLoading:s,"aria-label":n},g.default.createElement(S.default,{alt:n,isLoading:s,src:u,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:d})),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: middle;\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: middle;\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"]),d=r(13),s=n(d),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=s.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=s.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=s.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),d=(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}),s={};(0,u.default)(d).forEach(function(e){s[e]=d[e]*-1}),t.PRESENCE_OFFSET=(0,a.default)({},s,{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),d=n(o),s=r(6),f=n(s),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,d.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: middle;\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: middle;\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),d=r(10),s=r(14);t.default=o.default.div(i,d.akColorPrimary3,function(e){var t=e.size;return s.PRESENCE_BORDER_WIDTH[t]||s.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),d=n(o),s=r(4),f=n(s),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,d.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),d=function(e){var t=e.isLoading;return t?"none":"inline-block"};t.default=o.default.img(i,d)}]);

96

dist/bundle.js
!function(root, factory) {
"object" == typeof exports && "object" == typeof module ? module.exports = factory(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("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", "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" ], factory) : "object" == typeof exports ? exports["@atlaskit/avatar"] = factory(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("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")) : root["@atlaskit/avatar"] = factory(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.react, root["@atlaskit/util-shared-styles"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"], root["babel-runtime/helpers/extends"], root["babel-runtime/core-js/object/keys"], root["babel-runtime/helpers/objectWithoutProperties"]);
}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __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_11__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_14__, __WEBPACK_EXTERNAL_MODULE_15__, __WEBPACK_EXTERNAL_MODULE_20__) {
"object" == typeof exports && "object" == typeof module ? module.exports = factory(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" ], factory) : "object" == typeof exports ? exports["@atlaskit/avatar"] = factory(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")) : root["@atlaskit/avatar"] = factory(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["prop-types"], root.react, root["@atlaskit/util-shared-styles"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"], root["babel-runtime/helpers/extends"], root["babel-runtime/core-js/object/keys"], root["babel-runtime/helpers/objectWithoutProperties"]);
}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __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_12__, __WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_15__, __WEBPACK_EXTERNAL_MODULE_16__, __WEBPACK_EXTERNAL_MODULE_21__) {
/******/

@@ -91,3 +91,3 @@ return function(modules) {

});
var _Presence = __webpack_require__(16);
var _Presence = __webpack_require__(17);
Object.defineProperty(exports, "Presence", {

@@ -111,3 +111,3 @@ enumerable: !0,

}), exports.PRESENCE_TYPE = exports.APPEARANCE_TYPE = exports.SIZE = void 0;
var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(9), _Avatar = __webpack_require__(10), _Avatar2 = _interopRequireDefault(_Avatar), _Presence = __webpack_require__(16), _Presence2 = _interopRequireDefault(_Presence), _Image = __webpack_require__(19), _Image2 = _interopRequireDefault(_Image), SIZE = exports.SIZE = {
var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(10), _Avatar = __webpack_require__(11), _Avatar2 = _interopRequireDefault(_Avatar), _Presence = __webpack_require__(17), _Presence2 = _interopRequireDefault(_Presence), _Image = __webpack_require__(20), _Image2 = _interopRequireDefault(_Image), SIZE = exports.SIZE = {
values: [ "xsmall", "small", "medium", "large", "xlarge" ],

@@ -182,20 +182,20 @@ defaultValue: "medium"

can be used for 'container' objects. */
appearance: _react.PropTypes.oneOf(APPEARANCE_TYPE.values),
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: _react.PropTypes.element,
icon: _propTypes2.default.element,
/** Defines the label for the Avatar used by screen readers as fallback
content if the image fails to load. */
label: _react.PropTypes.string,
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: _react.PropTypes.string,
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: _react.PropTypes.oneOf(PRESENCE_TYPE.values),
presence: _propTypes2.default.oneOf(PRESENCE_TYPE.values),
/** Defines the size of the avatar */
size: _react.PropTypes.oneOf(SIZE.values),
size: _propTypes2.default.oneOf(SIZE.values),
/** A url to load an image from (this can also be a base64 encoded image). */
src: _react.PropTypes.string
src: _propTypes2.default.string
}, Avatar.defaultProps = {

@@ -238,2 +238,6 @@ appearance: APPEARANCE_TYPE.defaultValue,

/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_10__;
}, /* 11 */
/***/
function(module, exports, __webpack_require__) {

@@ -249,6 +253,6 @@ "use strict";

}), exports.PresenceWrapper = exports.ImageWrapper = exports.getSize = void 0;
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n ", "\n display: inline-block;\n position: relative;\n" ], [ "\n ", "\n display: inline-block;\n position: relative;\n" ]), _templateObject2 = (0,
_taggedTemplateLiteral3.default)([ "\n align-content: center;\n align-items: middle;\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: middle;\n background-color: ", ";\n border-radius: ", ";\n display: flex;\n height: 100%;\n overflow: hidden;\n transform: translateZ(0);\n width: 100%;\n" ]), _templateObject3 = (0,
_taggedTemplateLiteral3.default)([ "\n ", "\n position: absolute;\n" ], [ "\n ", "\n position: absolute;\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(9), _constants = __webpack_require__(13), getAvatarDimensions = (exports.getSize = function(_ref) {
_taggedTemplateLiteral3.default)([ "\n ", "\n position: absolute;\n" ], [ "\n ", "\n position: absolute;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(10), _constants = __webpack_require__(14), getAvatarDimensions = (exports.getSize = function(_ref) {
var size = _ref.size;

@@ -273,6 +277,2 @@ return _constants.AVATAR_SIZES[size];

exports.PresenceWrapper = _styledComponents2.default.div(_templateObject3, getPresenceLayout);
}, /* 11 */
/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
}, /* 12 */

@@ -284,2 +284,6 @@ /***/

/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_13__;
}, /* 14 */
/***/
function(module, exports, __webpack_require__) {

@@ -295,3 +299,3 @@ "use strict";

}), exports.PRESENCE_SIZES = exports.PRESENCE_OFFSET = exports.PRESENCE_BORDER_WIDTH = exports.AVATAR_SIZES = void 0;
var _extends2 = __webpack_require__(14), _extends3 = _interopRequireDefault(_extends2), _keys = __webpack_require__(15), _keys2 = _interopRequireDefault(_keys), _utilSharedStyles = __webpack_require__(9), PRESENCE_BORDER_WIDTH = (exports.AVATAR_SIZES = {
var _extends2 = __webpack_require__(15), _extends3 = _interopRequireDefault(_extends2), _keys = __webpack_require__(16), _keys2 = _interopRequireDefault(_keys), _utilSharedStyles = __webpack_require__(10), PRESENCE_BORDER_WIDTH = (exports.AVATAR_SIZES = {
xsmall: 2 * _utilSharedStyles.akGridSizeUnitless,

@@ -321,6 +325,2 @@ small: 3 * _utilSharedStyles.akGridSizeUnitless,

};
}, /* 14 */
/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_14__;
}, /* 15 */

@@ -332,2 +332,6 @@ /***/

/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_16__;
}, /* 17 */
/***/
function(module, exports, __webpack_require__) {

@@ -343,3 +347,3 @@ "use strict";

}), exports.PRESENCE_TYPE = exports.SIZE = exports.getPresenceSVG = void 0;
var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(9), _Presence = __webpack_require__(17), _Presence2 = _interopRequireDefault(_Presence), _getPresenceSVG = __webpack_require__(18), _getPresenceSVG2 = _interopRequireDefault(_getPresenceSVG);
var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _utilSharedStyles = __webpack_require__(10), _Presence = __webpack_require__(18), _Presence2 = _interopRequireDefault(_Presence), _getPresenceSVG = __webpack_require__(19), _getPresenceSVG2 = _interopRequireDefault(_getPresenceSVG);
// TODO: This probably shouldn't be part of the public API; it can probably

@@ -380,11 +384,11 @@ // safely be removed but we should check because it's technically a breaking change

Accepts any color argument that the border-color CSS property accepts. */
borderColor: _react.PropTypes.string,
borderColor: _propTypes2.default.string,
/** Content to use as a custom presence indicator (usually not required if
consuming Presence separate to Avatar). */
children: _react.PropTypes.element,
children: _propTypes2.default.element,
/** 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: _propTypes2.default.oneOf(PRESENCE_TYPE.values),
/** Defines the size of the presence. */
size: _react.PropTypes.oneOf(SIZE.values)
size: _propTypes2.default.oneOf(SIZE.values)
}, Presence.defaultProps = {

@@ -395,3 +399,3 @@ borderColor: _utilSharedStyles.akColorPrimary3,

}, exports.default = Presence;
}, /* 17 */
}, /* 18 */
/***/

@@ -408,4 +412,4 @@ function(module, exports, __webpack_require__) {

});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n align-content: center;\n align-items: middle;\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: middle;\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" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(9), _constants = __webpack_require__(13);
var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n align-content: center;\n align-items: middle;\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: middle;\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" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), _utilSharedStyles = __webpack_require__(10), _constants = __webpack_require__(14);
// set fallbacks for border color/width to protect consumers from invalid values

@@ -416,3 +420,3 @@ exports.default = _styledComponents2.default.div(_templateObject, _utilSharedStyles.akColorPrimary3, function(_ref) {

});
}, /* 18 */
}, /* 19 */
/***/

@@ -472,6 +476,6 @@ function(module, exports, __webpack_require__) {

});
var _extends2 = __webpack_require__(14), _extends3 = _interopRequireDefault(_extends2);
var _extends2 = __webpack_require__(15), _extends3 = _interopRequireDefault(_extends2);
exports.default = getPresenceSvg;
var _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react);
}, /* 19 */
var _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react);
}, /* 20 */
/***/

@@ -488,3 +492,3 @@ function(module, exports, __webpack_require__) {

}), exports.DefaultImage = void 0;
var _extends2 = __webpack_require__(14), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(20), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _Image = __webpack_require__(21), _Image2 = _interopRequireDefault(_Image), DefaultImage = exports.DefaultImage = function() {
var _extends2 = __webpack_require__(15), _extends3 = _interopRequireDefault(_extends2), _objectWithoutProperties2 = __webpack_require__(21), _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2), _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(8), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Image = __webpack_require__(22), _Image2 = _interopRequireDefault(_Image), DefaultImage = exports.DefaultImage = function() {
return _react2.default.createElement("svg", {

@@ -528,14 +532,14 @@ width: "100%",

Image.propTypes = {
alt: _react.PropTypes.string,
hasError: _react.PropTypes.bool,
isLoading: _react.PropTypes.bool,
onError: _react.PropTypes.func,
onLoad: _react.PropTypes.func,
src: _react.PropTypes.string
alt: _propTypes2.default.string,
hasError: _propTypes2.default.bool,
isLoading: _propTypes2.default.bool,
onError: _propTypes2.default.func,
onLoad: _propTypes2.default.func,
src: _propTypes2.default.string
}, exports.default = Image;
}, /* 20 */
}, /* 21 */
/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_20__;
}, /* 21 */
module.exports = __WEBPACK_EXTERNAL_MODULE_21__;
}, /* 22 */
/***/

@@ -552,4 +556,4 @@ function(module, exports, __webpack_require__) {

});
var _taggedTemplateLiteral2 = __webpack_require__(11), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n display: ", ";\n height: 100%;\n width: 100%;\n" ], [ "\n display: ", ";\n height: 100%;\n width: 100%;\n" ]), _styledComponents = __webpack_require__(12), _styledComponents2 = _interopRequireDefault(_styledComponents), getDisplay = function(_ref) {
var _taggedTemplateLiteral2 = __webpack_require__(12), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0,
_taggedTemplateLiteral3.default)([ "\n display: ", ";\n height: 100%;\n width: 100%;\n" ], [ "\n display: ", ";\n height: 100%;\n width: 100%;\n" ]), _styledComponents = __webpack_require__(13), _styledComponents2 = _interopRequireDefault(_styledComponents), getDisplay = function(_ref) {
var isLoading = _ref.isLoading;

@@ -556,0 +560,0 @@ return isLoading ? "none" : "inline-block";

2

dist/bundle.min.js

@@ -1,1 +0,1 @@

!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(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("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","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"],r):"object"==typeof exports?exports["@atlaskit/avatar"]=r(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("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"]=r(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.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,r,t,n,l,a,i,o,s,u,d,c){return function(e){function r(n){if(t[n])return t[n].exports;var l=t[n]={exports:{},id:n,loaded:!1};return e[n].call(l.exports,l,l.exports,r),l.loaded=!0,l.exports}var t={};return r.m=e,r.c=t,r.p="",r(0)}([function(e,r,t){e.exports=t(1)},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var l=t(2);Object.defineProperty(r,"default",{enumerable:!0,get:function(){return n(l).default}});var a=t(16);Object.defineProperty(r,"Presence",{enumerable:!0,get:function(){return n(a).default}})},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.PRESENCE_TYPE=r.APPEARANCE_TYPE=r.SIZE=void 0;var l=t(3),a=n(l),i=t(4),o=n(i),s=t(5),u=n(s),d=t(6),c=n(d),p=t(7),f=n(p),b=t(8),m=n(b),h=t(9),E=t(10),g=n(E),C=t(16),y=n(C),v=t(19),_=n(v),P=r.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},x=r.APPEARANCE_TYPE={values:["circle","square"],defaultValue:"circle"},S=r.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},T=function(e){function r(e){(0,o.default)(this,r);var t=(0,c.default)(this,(r.__proto__||(0,a.default)(r)).call(this,e));return t.imageLoadedHandler=function(){t.setState({hasError:!1,isLoading:!1})},t.imageErrorHandler=function(){t.setState({hasError:!0,isLoading:!1})},t.state={hasError:!1,isLoading:!!e.src},t}return(0,f.default)(r,e),(0,u.default)(r,[{key:"componentWillReceiveProps",value:function(e){this.props.src!==e.src&&this.setState({isLoading:!0})}},{key:"render",value:function(){var e=this.props,r=e.appearance,t=e.icon,n=e.label,l=e.presence,a=e.presenceBorderColor,i=e.size,o=e.src,s=this.state,u=s.hasError,d=s.isLoading,c="none"!==l||t;return m.default.createElement(g.default,{size:i},m.default.createElement(E.ImageWrapper,{appearance:r,size:i,isLoading:d,"aria-label":n},m.default.createElement(_.default,{alt:n,isLoading:d,src:o,onLoad:this.imageLoadedHandler,onError:this.imageErrorHandler,hasError:u})),c?m.default.createElement(E.PresenceWrapper,{appearance:r,size:i},m.default.createElement(y.default,{presence:l,borderColor:a,size:i},t)):null)}}]),r}(b.PureComponent);T.propTypes={appearance:b.PropTypes.oneOf(x.values),icon:b.PropTypes.element,label:b.PropTypes.string,presenceBorderColor:b.PropTypes.string,presence:b.PropTypes.oneOf(S.values),size:b.PropTypes.oneOf(P.values),src:b.PropTypes.string},T.defaultProps={appearance:x.defaultValue,presenceBorderColor:h.akColorPrimary3,presence:S.defaultValue,size:P.defaultValue},r.default=T},function(r,t){r.exports=e},function(e,t){e.exports=r},function(e,r){e.exports=t},function(e,r){e.exports=n},function(e,r){e.exports=l},function(e,r){e.exports=a},function(e,r){e.exports=i},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.PresenceWrapper=r.ImageWrapper=r.getSize=void 0;var l=t(11),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: middle;\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: middle;\n background-color: ",";\n border-radius: ",";\n display: flex;\n height: 100%;\n overflow: hidden;\n transform: translateZ(0);\n width: 100%;\n"]),s=(0,a.default)(["\n ","\n position: absolute;\n"],["\n ","\n position: absolute;\n"]),u=t(12),d=n(u),c=t(9),p=t(13),f=(r.getSize=function(e){var r=e.size;return p.AVATAR_SIZES[r]},function(e){var r=e.size;return"\n height: "+p.AVATAR_SIZES[r]+"px;\n width: "+p.AVATAR_SIZES[r]+"px;\n"});r.default=d.default.div(i,f);var b=function(e){var r=e.size,t=e.appearance;return"circle"===t?"100%":Math.floor(p.AVATAR_SIZES[r]/10)+"px"},m=(r.ImageWrapper=d.default.div(o,function(e){var r=e.isLoading;return r?c.akColorN40:"transparent"},b),function(e){var r=e.appearance,t=e.size,n="square"===r?-(2*p.PRESENCE_BORDER_WIDTH[t]):p.PRESENCE_OFFSET[t],l=p.PRESENCE_SIZES[t];return"\n bottom: "+n+"px;\n height: "+l+"px;\n right: "+n+"px;\n width: "+l+"px;\n "});r.PresenceWrapper=d.default.div(s,m)},function(e,r){e.exports=o},function(e,r){e.exports=s},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.PRESENCE_SIZES=r.PRESENCE_OFFSET=r.PRESENCE_BORDER_WIDTH=r.AVATAR_SIZES=void 0;var l=t(14),a=n(l),i=t(15),o=n(i),s=t(9),u=(r.AVATAR_SIZES={xsmall:2*s.akGridSizeUnitless,small:3*s.akGridSizeUnitless,medium:4*s.akGridSizeUnitless,large:6*s.akGridSizeUnitless,xlarge:12*s.akGridSizeUnitless},r.PRESENCE_BORDER_WIDTH={xsmall:0,small:2,medium:2,large:3,xlarge:3}),d={};(0,o.default)(u).forEach(function(e){d[e]=u[e]*-1}),r.PRESENCE_OFFSET=(0,a.default)({},d,{xlarge:6}),r.PRESENCE_SIZES={xsmall:0,small:12,medium:12,large:18,xlarge:18}},function(e,r){e.exports=u},function(e,r){e.exports=d},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.PRESENCE_TYPE=r.SIZE=r.getPresenceSVG=void 0;var l=t(3),a=n(l),i=t(4),o=n(i),s=t(5),u=n(s),d=t(6),c=n(d),p=t(7),f=n(p),b=t(8),m=n(b),h=t(9),E=t(17),g=n(E),C=t(18),y=n(C);r.getPresenceSVG=y.default;var v=r.SIZE={values:["xsmall","small","medium","large","xlarge"],defaultValue:"medium"},_=r.PRESENCE_TYPE={values:["none","online","busy","offline"],defaultValue:"none"},P=function(e){function r(){return(0,o.default)(this,r),(0,c.default)(this,(r.__proto__||(0,a.default)(r)).apply(this,arguments))}return(0,f.default)(r,e),(0,u.default)(r,[{key:"render",value:function(){var e=this.props,r=e.borderColor,t=e.children,n=e.presence,l=e.size,a={borderColor:r};return m.default.createElement(g.default,{size:l,style:a},t||(0,y.default)(n))}}]),r}(b.PureComponent);P.propTypes={borderColor:b.PropTypes.string,children:b.PropTypes.element,presence:b.PropTypes.oneOf(_.values),size:b.PropTypes.oneOf(v.values)},P.defaultProps={borderColor:h.akColorPrimary3,presence:_.defaultValue},r.default=P},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var l=t(11),a=n(l),i=(0,a.default)(["\n align-content: center;\n align-items: middle;\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: middle;\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=t(12),s=n(o),u=t(9),d=t(13);r.default=s.default.div(i,u.akColorPrimary3,function(e){var r=e.size;return d.PRESENCE_BORDER_WIDTH[r]||d.PRESENCE_BORDER_WIDTH.medium})},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function l(e){var r=function(e){return s.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 s.default.createElement(r,null,s.default.createElement("circle",{fill:"#ED5451",cx:"4",cy:"4",r:"4"}),s.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 s.default.createElement(r,null,s.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"}),s.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 s.default.createElement(r,null,s.default.createElement("circle",{fill:"#48CC8C",cx:"4",cy:"4",r:"4"}));default:return null}}Object.defineProperty(r,"__esModule",{value:!0});var a=t(14),i=n(a);r.default=l;var o=t(8),s=n(o)},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0}),r.DefaultImage=void 0;var l=t(14),a=n(l),i=t(20),o=n(i),s=t(3),u=n(s),d=t(4),c=n(d),p=t(5),f=n(p),b=t(6),m=n(b),h=t(7),E=n(h),g=t(8),C=n(g),y=t(21),v=n(y),_=r.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"}))},P=function(e){function r(){return(0,c.default)(this,r),(0,m.default)(this,(r.__proto__||(0,u.default)(r)).apply(this,arguments))}return(0,E.default)(r,e),(0,f.default)(r,[{key:"render",value:function(){var e=this.props,r=e.hasError,t=e.isLoading,n=(0,o.default)(e,["hasError","isLoading"]),l=!t&&(!this.props.src||r);return l?C.default.createElement(_,null):C.default.createElement(v.default,(0,a.default)({isLoading:t},n))}}]),r}(g.PureComponent);P.propTypes={alt:g.PropTypes.string,hasError:g.PropTypes.bool,isLoading:g.PropTypes.bool,onError:g.PropTypes.func,onLoad:g.PropTypes.func,src:g.PropTypes.string},r.default=P},function(e,r){e.exports=c},function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var l=t(11),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=t(12),s=n(o),u=function(e){var r=e.isLoading;return r?"none":"inline-block"};r.default=s.default.img(i,u)}])});
!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: middle;\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: middle;\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: middle;\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: middle;\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)}])});

3

package.json
{
"name": "@atlaskit/avatar",
"version": "4.0.3",
"version": "4.0.4",
"config": {

@@ -33,2 +33,3 @@ "access": "public"

"babel-runtime": "^6.11.6",
"prop-types": "^15.5.10",
"styled-components": "^1.3.0"

@@ -35,0 +36,0 @@ },

2

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.3/).
Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/avatar/4.0.4/).

@@ -17,0 +17,0 @@ ## Installation

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc