@commercetools-uikit/avatar 20.2.2 → 20.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/commercetools-uikit-avatar.cjs.dev.js +11 -7
  2. package/dist/commercetools-uikit-avatar.cjs.prod.js +11 -7
  3. package/dist/commercetools-uikit-avatar.esm.js +10 -7
  4. package/package.json +4 -4
package/dist/commercetools-uikit-avatar.cjs.dev.js CHANGED
@@ -6,6 +6,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
6
  var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
7
7
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
8
8
  var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
9
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
9
10
  var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
10
11
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
11
12
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -25,6 +26,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
25
26
 
26
27
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
27
28
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
29
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
28
30
  var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
29
31
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
30
32
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
@@ -103,17 +105,18 @@ const getAvatarStyles = avatarProps => {
103
105
 
104
106
  const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
105
107
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
106
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
108
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
107
109
  const getFirstChar = str => {
108
110
  var _context;
109
111
  return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
110
112
  };
111
113
  const getInitialsFromName = _ref => {
114
+ var _context2;
112
115
  let _ref$firstName = _ref.firstName,
113
116
  firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
114
117
  _ref$lastName = _ref.lastName,
115
118
  lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
116
- return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
119
+ return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
117
120
  };
118
121
  /**
119
122
  * `s` - defines the size. We want a bigger one if the user is on a retina-display
@@ -123,16 +126,17 @@ const getInitialsFromName = _ref => {
123
126
  * @see: https://de.gravatar.com/site/implement/images/
124
127
  */
125
128
  const createGravatarImgUrl = function (md5Hash, size) {
129
+ var _context3;
126
130
  let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
127
131
  const imageSize = getWidthSize(size);
128
132
  const sizeAsInt = _parseInt__default["default"](imageSize.replace(/px$/, ''), 10);
129
133
  const gravatarSize = sizeAsInt * multiplyBy;
130
- return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
134
+ return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
131
135
  };
132
136
  const GravatarImg = props => jsxRuntime.jsx("img", {
133
137
  css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:GravatarImg;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBUSWNvblByb3BzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRBdmF0YXJTdHlsZXMsIGdldEZvbnRTaXplLCBnZXRXaWR0aFNpemUgfSBmcm9tICcuL2F2YXRhci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJztcbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgY29sb3I/OiAnYWNjZW50JyB8ICdwdXJwbGUnIHwgJ3R1cnF1b2lzZScgfCAnYnJvd24nO1xuICAvKiogYW4gPEljb24gLz4gY29tcG9uZW50XG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PFRJY29uUHJvcHM+O1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3QgaW1hZ2VTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChpbWFnZVNpemUucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxzRnJvbU5hbWUgPSBnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICBmaXJzdE5hbWU6IHByb3BzLmZpcnN0TmFtZSxcbiAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGZvbnQtc2l6ZTogJHtnZXRGb250U2l6ZShpbml0aWFsc0Zyb21OYW1lLCBwcm9wcy5zaXplKX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtpbml0aWFsc0Zyb21OYW1lfVxuICAgIDwvZGl2PlxuICApO1xufTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG4gIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgc2l6ZSA9ICdzJyxcbiAgY29sb3IgPSAnYWNjZW50JyxcbiAgLi4ucHJvcHNcbn06IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0QXZhdGFyU3R5bGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgICBmaXJzdE5hbWUsXG4gICAgICAgIGxhc3ROYW1lLFxuICAgICAgICBpc0hpZ2hsaWdodGVkLFxuICAgICAgICBzaXplLFxuICAgICAgICBjb2xvcixcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgICB9KX1cbiAgICA+XG4gICAgICB7cHJvcHM/Lmljb24gPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKCR7YXZhdGFyU2l6ZX0gLSA0NSUpO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzPy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiAnc2NhbGUnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEdyYXZhdGFySW1nXG4gICAgICAgICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEluaXRpYWxzIHNpemU9e3NpemV9IGZpcnN0TmFtZT17Zmlyc3ROYW1lfSBsYXN0TmFtZT17bGFzdE5hbWV9IC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5BdmF0YXIuZGlzcGxheU5hbWUgPSAnQXZhdGFyJztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
134
138
  src: createGravatarImgUrl(props.gravatarHash, props.size),
135
- srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
139
+ srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
136
140
  /**
137
141
  * Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
138
142
  * image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
@@ -179,9 +183,9 @@ const Avatar = _ref2 => {
179
183
  size,
180
184
  color
181
185
  }, props))), {}, {
182
- children: props?.icon ? jsxRuntime.jsx("div", {
186
+ children: props !== null && props !== void 0 && props.icon ? jsxRuntime.jsx("div", {
183
187
  css: /*#__PURE__*/react.css("height:calc(", avatarSize, " - 45%);width:calc(", avatarSize, " - 45%);" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0prQiIsImZpbGUiOiJhdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCBjbG9uZUVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHR5cGUgVEljb25Qcm9wcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZ2V0QXZhdGFyU3R5bGVzLCBnZXRGb250U2l6ZSwgZ2V0V2lkdGhTaXplIH0gZnJvbSAnLi9hdmF0YXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVEF2YXRhclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGZpcnN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBmaXJzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgbGFzdCBuYW1lIG9mIHRoZSB1c2VyLlxuICAgKi9cbiAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgaGFzaGVkIHN0cmluZyBvZiB0aGUgdXNlciBncmF2YXRhci5cbiAgICovXG4gIGdyYXZhdGFySGFzaDogc3RyaW5nO1xuICAvKipcbiAgICogRW5oYW5jZXMgdGhlIGFwcGVhcmFuY2Ugb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGlzSGlnaGxpZ2h0ZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIHJlbmRlcmVkIGF2YXRhci5cbiAgICovXG4gIHNpemU/OiAncycgfCAnbScgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGNvbG9yPzogJ2FjY2VudCcgfCAncHVycGxlJyB8ICd0dXJxdW9pc2UnIHwgJ2Jyb3duJztcbiAgLyoqIGFuIDxJY29uIC8+IGNvbXBvbmVudFxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbn07XG5cbmV4cG9ydCB0eXBlIFRHcmF2YXRhckltZ1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZ3JhdmF0YXJIYXNoJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPjtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG4vKipcbiAqIGBzYCAtIGRlZmluZXMgdGhlIHNpemUuIFdlIHdhbnQgYSBiaWdnZXIgb25lIGlmIHRoZSB1c2VyIGlzIG9uIGEgcmV0aW5hLWRpc3BsYXlcbiAqIGBkYCAtIGRlZmluZXMgdGhlIGRlZmF1bHQgaWYgdGhlIHVzZXIgaXMgbm90IGtub3duIHRvIEdyYXZhdGFyLiBJdCByZXR1cm5zIGEgYmxhbmsgaW1hZ2UsXG4gKiAgICAgICAgd2hpY2ggbGV0IHRoZSBpbml0aWFscyB1bmRlcm5lYXRoIHNoaW5lIHRocm91Z2hcbiAqXG4gKiBAc2VlOiBodHRwczovL2RlLmdyYXZhdGFyLmNvbS9zaXRlL2ltcGxlbWVudC9pbWFnZXMvXG4gKi9cbmNvbnN0IGNyZWF0ZUdyYXZhdGFySW1nVXJsID0gKFxuICBtZDVIYXNoOiBUQXZhdGFyUHJvcHNbJ2dyYXZhdGFySGFzaCddLFxuICBzaXplOiBUQXZhdGFyUHJvcHNbJ3NpemUnXSxcbiAgbXVsdGlwbHlCeTogbnVtYmVyID0gMVxuKSA9PiB7XG4gIGNvbnN0IGltYWdlU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoaW1hZ2VTaXplLnJlcGxhY2UoL3B4JC8sICcnKSwgMTApO1xuICBjb25zdCBncmF2YXRhclNpemUgPSBzaXplQXNJbnQgKiBtdWx0aXBseUJ5O1xuICByZXR1cm4gYGh0dHBzOi8vd3d3LmdyYXZhdGFyLmNvbS9hdmF0YXIvJHttZDVIYXNofT9zPSR7Z3JhdmF0YXJTaXplfSZkPWJsYW5rYDtcbn07XG5cbmNvbnN0IEdyYXZhdGFySW1nID0gKHByb3BzOiBUR3JhdmF0YXJJbWdQcm9wcykgPT4gKFxuICA8aW1nXG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogMTA7XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/ICdvcGFjaXR5OiAwLjc7JyA6ICcnfVxuICAgIGB9XG4gICAgc3JjPXtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfVxuICAgIHNyY1NldD17W1xuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX0gMXhgLFxuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplLCAyKX0gMnhgLFxuICAgIF0uam9pbignLCcpfVxuICAgIC8qKlxuICAgICAqIEJhc2VkIG9uIGh0dHBzOi8vd3d3LnczLm9yZy9XQUkvdHV0b3JpYWxzL2ltYWdlcy9kZWNpc2lvbi10cmVlLzpcbiAgICAgKiBpbWFnZSBjb250cmlidXRlcyBtZWFuaW5nIHRvIHRoZSBjdXJyZW50IHBhZ2Ugb3IgY29udGV4dCBhbmQgaXQgc2hvd3MgY29udGVudCB0aGF0IGlzIHJlZHVuZGFudCB0byByZWFsIHRleHQgbmVhcmJ5XG4gICAgICovXG4gICAgYWx0PVwiXCJcbiAgLz5cbik7XG5HcmF2YXRhckltZy5kaXNwbGF5TmFtZSA9ICdHcmF2YXRhckltZyc7XG5cbmNvbnN0IEluaXRpYWxzID0gKHByb3BzOiBUSW5pdGlhbHNQcm9wcykgPT4ge1xuICBjb25zdCBpbml0aWFsc0Zyb21OYW1lID0gZ2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBmb250LXNpemU6ICR7Z2V0Rm9udFNpemUoaW5pdGlhbHNGcm9tTmFtZSwgcHJvcHMuc2l6ZSl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7aW5pdGlhbHNGcm9tTmFtZX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9ICh7XG4gIGZpcnN0TmFtZSA9ICcnLFxuICBsYXN0TmFtZSA9ICcnLFxuICBpc0hpZ2hsaWdodGVkID0gZmFsc2UsXG4gIHNpemUgPSAncycsXG4gIGNvbG9yID0gJ2FjY2VudCcsXG4gIC4uLnByb3BzXG59OiBUQXZhdGFyUHJvcHMpID0+IHtcbiAgY29uc3QgYXZhdGFyU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldEF2YXRhclN0eWxlcyh7XG4gICAgICAgIGZpcnN0TmFtZSxcbiAgICAgICAgbGFzdE5hbWUsXG4gICAgICAgIGlzSGlnaGxpZ2h0ZWQsXG4gICAgICAgIHNpemUsXG4gICAgICAgIGNvbG9yLFxuICAgICAgICAuLi5wcm9wcyxcbiAgICAgIH0pfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge3Byb3BzPy5pY29uID8gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcz8uaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogJ3NjYWxlJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHcmF2YXRhckltZ1xuICAgICAgICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaXNIaWdobGlnaHRlZD17aXNIaWdobGlnaHRlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxJbml0aWFscyBzaXplPXtzaXplfSBmaXJzdE5hbWU9e2ZpcnN0TmFtZX0gbGFzdE5hbWU9e2xhc3ROYW1lfSAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5cbmV4cG9ydCBkZWZhdWx0IEF2YXRhcjtcbiJdfQ== */"),
184
- children: /*#__PURE__*/react$1.cloneElement(props?.icon, {
188
+ children: /*#__PURE__*/react$1.cloneElement(props === null || props === void 0 ? void 0 : props.icon, {
185
189
  size: 'scale'
186
190
  })
187
191
  }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -201,7 +205,7 @@ Avatar.displayName = 'Avatar';
201
205
  var Avatar$1 = Avatar;
202
206
 
203
207
  // NOTE: This string will be replaced on build time with the package version.
204
- var version = "20.2.2";
208
+ var version = "20.3.0";
205
209
 
206
210
  exports["default"] = Avatar$1;
207
211
  exports.version = version;
package/dist/commercetools-uikit-avatar.cjs.prod.js CHANGED
@@ -6,6 +6,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
6
  var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
7
7
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
8
8
  var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
9
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
9
10
  var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
10
11
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
11
12
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -25,6 +26,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
25
26
 
26
27
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
27
28
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
29
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
28
30
  var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
29
31
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
30
32
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
@@ -103,17 +105,18 @@ const getAvatarStyles = avatarProps => {
103
105
 
104
106
  const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
105
107
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
106
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
108
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
107
109
  const getFirstChar = str => {
108
110
  var _context;
109
111
  return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
110
112
  };
111
113
  const getInitialsFromName = _ref => {
114
+ var _context2;
112
115
  let _ref$firstName = _ref.firstName,
113
116
  firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
114
117
  _ref$lastName = _ref.lastName,
115
118
  lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
116
- return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
119
+ return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
117
120
  };
118
121
  /**
119
122
  * `s` - defines the size. We want a bigger one if the user is on a retina-display
@@ -123,16 +126,17 @@ const getInitialsFromName = _ref => {
123
126
  * @see: https://de.gravatar.com/site/implement/images/
124
127
  */
125
128
  const createGravatarImgUrl = function (md5Hash, size) {
129
+ var _context3;
126
130
  let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
127
131
  const imageSize = getWidthSize(size);
128
132
  const sizeAsInt = _parseInt__default["default"](imageSize.replace(/px$/, ''), 10);
129
133
  const gravatarSize = sizeAsInt * multiplyBy;
130
- return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
134
+ return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
131
135
  };
132
136
  const GravatarImg = props => jsxRuntime.jsx("img", {
133
137
  css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + ("" ), "" ),
134
138
  src: createGravatarImgUrl(props.gravatarHash, props.size),
135
- srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
139
+ srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
136
140
  /**
137
141
  * Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
138
142
  * image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
@@ -179,9 +183,9 @@ const Avatar = _ref2 => {
179
183
  size,
180
184
  color
181
185
  }, props))), {}, {
182
- children: props?.icon ? jsxRuntime.jsx("div", {
186
+ children: props !== null && props !== void 0 && props.icon ? jsxRuntime.jsx("div", {
183
187
  css: /*#__PURE__*/react.css("height:calc(", avatarSize, " - 45%);width:calc(", avatarSize, " - 45%);" + ("" ), "" ),
184
- children: /*#__PURE__*/react$1.cloneElement(props?.icon, {
188
+ children: /*#__PURE__*/react$1.cloneElement(props === null || props === void 0 ? void 0 : props.icon, {
185
189
  size: 'scale'
186
190
  })
187
191
  }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -201,7 +205,7 @@ Avatar.displayName = 'Avatar';
201
205
  var Avatar$1 = Avatar;
202
206
 
203
207
  // NOTE: This string will be replaced on build time with the package version.
204
- var version = "20.2.2";
208
+ var version = "20.3.0";
205
209
 
206
210
  exports["default"] = Avatar$1;
207
211
  exports.version = version;
package/dist/commercetools-uikit-avatar.esm.js CHANGED
@@ -2,6 +2,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
2
2
  import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
3
3
  import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
4
4
  import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
5
+ import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
5
6
  import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
6
7
  import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
7
8
  import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -85,17 +86,18 @@ const getAvatarStyles = avatarProps => {
85
86
 
86
87
  const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
87
88
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
88
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
89
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
89
90
  const getFirstChar = str => {
90
91
  var _context;
91
92
  return typeof str === 'string' ? _sliceInstanceProperty(_context = _trimInstanceProperty(str).call(str)).call(_context, 0, 1).toUpperCase() : '';
92
93
  };
93
94
  const getInitialsFromName = _ref => {
95
+ var _context2;
94
96
  let _ref$firstName = _ref.firstName,
95
97
  firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
96
98
  _ref$lastName = _ref.lastName,
97
99
  lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
98
- return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
100
+ return _concatInstanceProperty(_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
99
101
  };
100
102
  /**
101
103
  * `s` - defines the size. We want a bigger one if the user is on a retina-display
@@ -105,16 +107,17 @@ const getInitialsFromName = _ref => {
105
107
  * @see: https://de.gravatar.com/site/implement/images/
106
108
  */
107
109
  const createGravatarImgUrl = function (md5Hash, size) {
110
+ var _context3;
108
111
  let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
109
112
  const imageSize = getWidthSize(size);
110
113
  const sizeAsInt = _parseInt(imageSize.replace(/px$/, ''), 10);
111
114
  const gravatarSize = sizeAsInt * multiplyBy;
112
- return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
115
+ return _concatInstanceProperty(_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
113
116
  };
114
117
  const GravatarImg = props => jsx("img", {
115
118
  css: /*#__PURE__*/css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:GravatarImg;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdHlwZSBUSWNvblByb3BzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRBdmF0YXJTdHlsZXMsIGdldEZvbnRTaXplLCBnZXRXaWR0aFNpemUgfSBmcm9tICcuL2F2YXRhci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJztcbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgY29sb3I/OiAnYWNjZW50JyB8ICdwdXJwbGUnIHwgJ3R1cnF1b2lzZScgfCAnYnJvd24nO1xuICAvKiogYW4gPEljb24gLz4gY29tcG9uZW50XG4gICAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PFRJY29uUHJvcHM+O1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+O1xuXG5leHBvcnQgdHlwZSBUSW5pdGlhbHNQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ3NpemUnXG4+O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcbi8qKlxuICogYHNgIC0gZGVmaW5lcyB0aGUgc2l6ZS4gV2Ugd2FudCBhIGJpZ2dlciBvbmUgaWYgdGhlIHVzZXIgaXMgb24gYSByZXRpbmEtZGlzcGxheVxuICogYGRgIC0gZGVmaW5lcyB0aGUgZGVmYXVsdCBpZiB0aGUgdXNlciBpcyBub3Qga25vd24gdG8gR3JhdmF0YXIuIEl0IHJldHVybnMgYSBibGFuayBpbWFnZSxcbiAqICAgICAgICB3aGljaCBsZXQgdGhlIGluaXRpYWxzIHVuZGVybmVhdGggc2hpbmUgdGhyb3VnaFxuICpcbiAqIEBzZWU6IGh0dHBzOi8vZGUuZ3JhdmF0YXIuY29tL3NpdGUvaW1wbGVtZW50L2ltYWdlcy9cbiAqL1xuY29uc3QgY3JlYXRlR3JhdmF0YXJJbWdVcmwgPSAoXG4gIG1kNUhhc2g6IFRBdmF0YXJQcm9wc1snZ3JhdmF0YXJIYXNoJ10sXG4gIHNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddLFxuICBtdWx0aXBseUJ5OiBudW1iZXIgPSAxXG4pID0+IHtcbiAgY29uc3QgaW1hZ2VTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChpbWFnZVNpemUucmVwbGFjZSgvcHgkLywgJycpLCAxMCk7XG4gIGNvbnN0IGdyYXZhdGFyU2l6ZSA9IHNpemVBc0ludCAqIG11bHRpcGx5Qnk7XG4gIHJldHVybiBgaHR0cHM6Ly93d3cuZ3JhdmF0YXIuY29tL2F2YXRhci8ke21kNUhhc2h9P3M9JHtncmF2YXRhclNpemV9JmQ9YmxhbmtgO1xufTtcblxuY29uc3QgR3JhdmF0YXJJbWcgPSAocHJvcHM6IFRHcmF2YXRhckltZ1Byb3BzKSA9PiAoXG4gIDxpbWdcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAxMDtcblxuICAgICAgJHtwcm9wcy5pc0hpZ2hsaWdodGVkID8gJ29wYWNpdHk6IDAuNzsnIDogJyd9XG4gICAgYH1cbiAgICBzcmM9e2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9XG4gICAgc3JjU2V0PXtbXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfSAxeGAsXG4gICAgICBgJHtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUsIDIpfSAyeGAsXG4gICAgXS5qb2luKCcsJyl9XG4gICAgLyoqXG4gICAgICogQmFzZWQgb24gaHR0cHM6Ly93d3cudzMub3JnL1dBSS90dXRvcmlhbHMvaW1hZ2VzL2RlY2lzaW9uLXRyZWUvOlxuICAgICAqIGltYWdlIGNvbnRyaWJ1dGVzIG1lYW5pbmcgdG8gdGhlIGN1cnJlbnQgcGFnZSBvciBjb250ZXh0IGFuZCBpdCBzaG93cyBjb250ZW50IHRoYXQgaXMgcmVkdW5kYW50IHRvIHJlYWwgdGV4dCBuZWFyYnlcbiAgICAgKi9cbiAgICBhbHQ9XCJcIlxuICAvPlxuKTtcbkdyYXZhdGFySW1nLmRpc3BsYXlOYW1lID0gJ0dyYXZhdGFySW1nJztcblxuY29uc3QgSW5pdGlhbHMgPSAocHJvcHM6IFRJbml0aWFsc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxzRnJvbU5hbWUgPSBnZXRJbml0aWFsc0Zyb21OYW1lKHtcbiAgICBmaXJzdE5hbWU6IHByb3BzLmZpcnN0TmFtZSxcbiAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGZvbnQtc2l6ZTogJHtnZXRGb250U2l6ZShpbml0aWFsc0Zyb21OYW1lLCBwcm9wcy5zaXplKX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtpbml0aWFsc0Zyb21OYW1lfVxuICAgIDwvZGl2PlxuICApO1xufTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG4gIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgc2l6ZSA9ICdzJyxcbiAgY29sb3IgPSAnYWNjZW50JyxcbiAgLi4ucHJvcHNcbn06IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKHNpemUpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Z2V0QXZhdGFyU3R5bGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgICBmaXJzdE5hbWUsXG4gICAgICAgIGxhc3ROYW1lLFxuICAgICAgICBpc0hpZ2hsaWdodGVkLFxuICAgICAgICBzaXplLFxuICAgICAgICBjb2xvcixcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgICB9KX1cbiAgICA+XG4gICAgICB7cHJvcHM/Lmljb24gPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKCR7YXZhdGFyU2l6ZX0gLSA0NSUpO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzPy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiAnc2NhbGUnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEdyYXZhdGFySW1nXG4gICAgICAgICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEluaXRpYWxzIHNpemU9e3NpemV9IGZpcnN0TmFtZT17Zmlyc3ROYW1lfSBsYXN0TmFtZT17bGFzdE5hbWV9IC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5BdmF0YXIuZGlzcGxheU5hbWUgPSAnQXZhdGFyJztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
116
119
  src: createGravatarImgUrl(props.gravatarHash, props.size),
117
- srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
120
+ srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
118
121
  /**
119
122
  * Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
120
123
  * image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
@@ -161,9 +164,9 @@ const Avatar = _ref2 => {
161
164
  size,
162
165
  color
163
166
  }, props))), {}, {
164
- children: props?.icon ? jsx("div", {
167
+ children: props !== null && props !== void 0 && props.icon ? jsx("div", {
165
168
  css: /*#__PURE__*/css("height:calc(", avatarSize, " - 45%);width:calc(", avatarSize, " - 45%);" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0prQiIsImZpbGUiOiJhdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCBjbG9uZUVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHR5cGUgVEljb25Qcm9wcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZ2V0QXZhdGFyU3R5bGVzLCBnZXRGb250U2l6ZSwgZ2V0V2lkdGhTaXplIH0gZnJvbSAnLi9hdmF0YXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVEF2YXRhclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGZpcnN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBmaXJzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgbGFzdCBuYW1lIG9mIHRoZSB1c2VyLlxuICAgKi9cbiAgbGFzdE5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgaGFzaGVkIHN0cmluZyBvZiB0aGUgdXNlciBncmF2YXRhci5cbiAgICovXG4gIGdyYXZhdGFySGFzaDogc3RyaW5nO1xuICAvKipcbiAgICogRW5oYW5jZXMgdGhlIGFwcGVhcmFuY2Ugb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGlzSGlnaGxpZ2h0ZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIHJlbmRlcmVkIGF2YXRhci5cbiAgICovXG4gIHNpemU/OiAncycgfCAnbScgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGNvbG9yPzogJ2FjY2VudCcgfCAncHVycGxlJyB8ICd0dXJxdW9pc2UnIHwgJ2Jyb3duJztcbiAgLyoqIGFuIDxJY29uIC8+IGNvbXBvbmVudFxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbn07XG5cbmV4cG9ydCB0eXBlIFRHcmF2YXRhckltZ1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZ3JhdmF0YXJIYXNoJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPjtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG4vKipcbiAqIGBzYCAtIGRlZmluZXMgdGhlIHNpemUuIFdlIHdhbnQgYSBiaWdnZXIgb25lIGlmIHRoZSB1c2VyIGlzIG9uIGEgcmV0aW5hLWRpc3BsYXlcbiAqIGBkYCAtIGRlZmluZXMgdGhlIGRlZmF1bHQgaWYgdGhlIHVzZXIgaXMgbm90IGtub3duIHRvIEdyYXZhdGFyLiBJdCByZXR1cm5zIGEgYmxhbmsgaW1hZ2UsXG4gKiAgICAgICAgd2hpY2ggbGV0IHRoZSBpbml0aWFscyB1bmRlcm5lYXRoIHNoaW5lIHRocm91Z2hcbiAqXG4gKiBAc2VlOiBodHRwczovL2RlLmdyYXZhdGFyLmNvbS9zaXRlL2ltcGxlbWVudC9pbWFnZXMvXG4gKi9cbmNvbnN0IGNyZWF0ZUdyYXZhdGFySW1nVXJsID0gKFxuICBtZDVIYXNoOiBUQXZhdGFyUHJvcHNbJ2dyYXZhdGFySGFzaCddLFxuICBzaXplOiBUQXZhdGFyUHJvcHNbJ3NpemUnXSxcbiAgbXVsdGlwbHlCeTogbnVtYmVyID0gMVxuKSA9PiB7XG4gIGNvbnN0IGltYWdlU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoaW1hZ2VTaXplLnJlcGxhY2UoL3B4JC8sICcnKSwgMTApO1xuICBjb25zdCBncmF2YXRhclNpemUgPSBzaXplQXNJbnQgKiBtdWx0aXBseUJ5O1xuICByZXR1cm4gYGh0dHBzOi8vd3d3LmdyYXZhdGFyLmNvbS9hdmF0YXIvJHttZDVIYXNofT9zPSR7Z3JhdmF0YXJTaXplfSZkPWJsYW5rYDtcbn07XG5cbmNvbnN0IEdyYXZhdGFySW1nID0gKHByb3BzOiBUR3JhdmF0YXJJbWdQcm9wcykgPT4gKFxuICA8aW1nXG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogMTA7XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/ICdvcGFjaXR5OiAwLjc7JyA6ICcnfVxuICAgIGB9XG4gICAgc3JjPXtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfVxuICAgIHNyY1NldD17W1xuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX0gMXhgLFxuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplLCAyKX0gMnhgLFxuICAgIF0uam9pbignLCcpfVxuICAgIC8qKlxuICAgICAqIEJhc2VkIG9uIGh0dHBzOi8vd3d3LnczLm9yZy9XQUkvdHV0b3JpYWxzL2ltYWdlcy9kZWNpc2lvbi10cmVlLzpcbiAgICAgKiBpbWFnZSBjb250cmlidXRlcyBtZWFuaW5nIHRvIHRoZSBjdXJyZW50IHBhZ2Ugb3IgY29udGV4dCBhbmQgaXQgc2hvd3MgY29udGVudCB0aGF0IGlzIHJlZHVuZGFudCB0byByZWFsIHRleHQgbmVhcmJ5XG4gICAgICovXG4gICAgYWx0PVwiXCJcbiAgLz5cbik7XG5HcmF2YXRhckltZy5kaXNwbGF5TmFtZSA9ICdHcmF2YXRhckltZyc7XG5cbmNvbnN0IEluaXRpYWxzID0gKHByb3BzOiBUSW5pdGlhbHNQcm9wcykgPT4ge1xuICBjb25zdCBpbml0aWFsc0Zyb21OYW1lID0gZ2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBmb250LXNpemU6ICR7Z2V0Rm9udFNpemUoaW5pdGlhbHNGcm9tTmFtZSwgcHJvcHMuc2l6ZSl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7aW5pdGlhbHNGcm9tTmFtZX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9ICh7XG4gIGZpcnN0TmFtZSA9ICcnLFxuICBsYXN0TmFtZSA9ICcnLFxuICBpc0hpZ2hsaWdodGVkID0gZmFsc2UsXG4gIHNpemUgPSAncycsXG4gIGNvbG9yID0gJ2FjY2VudCcsXG4gIC4uLnByb3BzXG59OiBUQXZhdGFyUHJvcHMpID0+IHtcbiAgY29uc3QgYXZhdGFyU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2dldEF2YXRhclN0eWxlcyh7XG4gICAgICAgIGZpcnN0TmFtZSxcbiAgICAgICAgbGFzdE5hbWUsXG4gICAgICAgIGlzSGlnaGxpZ2h0ZWQsXG4gICAgICAgIHNpemUsXG4gICAgICAgIGNvbG9yLFxuICAgICAgICAuLi5wcm9wcyxcbiAgICAgIH0pfVxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHtcbiAgICAgICAgZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZSxcbiAgICAgICAgaXNIaWdobGlnaHRlZCxcbiAgICAgICAgc2l6ZSxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge3Byb3BzPy5pY29uID8gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcz8uaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogJ3NjYWxlJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHcmF2YXRhckltZ1xuICAgICAgICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaXNIaWdobGlnaHRlZD17aXNIaWdobGlnaHRlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxJbml0aWFscyBzaXplPXtzaXplfSBmaXJzdE5hbWU9e2ZpcnN0TmFtZX0gbGFzdE5hbWU9e2xhc3ROYW1lfSAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5cbmV4cG9ydCBkZWZhdWx0IEF2YXRhcjtcbiJdfQ== */"),
166
- children: /*#__PURE__*/cloneElement(props?.icon, {
169
+ children: /*#__PURE__*/cloneElement(props === null || props === void 0 ? void 0 : props.icon, {
167
170
  size: 'scale'
168
171
  })
169
172
  }) : jsxs(Fragment, {
@@ -183,6 +186,6 @@ Avatar.displayName = 'Avatar';
183
186
  var Avatar$1 = Avatar;
184
187
 
185
188
  // NOTE: This string will be replaced on build time with the package version.
186
- var version = "20.2.2";
189
+ var version = "20.3.0";
187
190
 
188
191
  export { Avatar$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/avatar",
3
3
  "description": "A component for rendering profile images",
4
- "version": "20.2.2",
4
+ "version": "20.3.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,14 +21,14 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/design-system": "20.2.2",
25
- "@commercetools-uikit/utils": "20.2.2",
24
+ "@commercetools-uikit/design-system": "20.3.0",
25
+ "@commercetools-uikit/utils": "20.3.0",
26
26
  "@emotion/react": "^11.10.5",
27
27
  "@emotion/styled": "^11.10.5",
28
28
  "lodash": "4.17.21"
29
29
  },
30
30
  "devDependencies": {
31
- "react": "19.1.0"
31
+ "react": "19.2.0"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "react": "19.x"