@commercetools-uikit/avatar 19.10.0 → 19.12.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 +8 -12
  2. package/dist/commercetools-uikit-avatar.cjs.prod.js +8 -12
  3. package/dist/commercetools-uikit-avatar.esm.js +8 -11
  4. package/package.json +3 -3
package/dist/commercetools-uikit-avatar.cjs.dev.js CHANGED
@@ -6,7 +6,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
6
  var _pt = require('prop-types');
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');
10
9
  var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
11
10
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
12
11
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -28,7 +27,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
28
27
  var _pt__default = /*#__PURE__*/_interopDefault(_pt);
29
28
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
30
29
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
31
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
32
30
  var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
33
31
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
34
32
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
@@ -94,7 +92,7 @@ const getForegroundColor = avatarColor => {
94
92
  case 'turquoise':
95
93
  return designSystem.designTokens.colorTurquoise35;
96
94
  default:
97
- return designSystem.designTokens["color".concat(startCase__default["default"](avatarColor), "50")];
95
+ return designSystem.designTokens[`color${startCase__default["default"](avatarColor)}50`];
98
96
  }
99
97
  };
100
98
  const getAvatarStyles = avatarProps => {
@@ -105,7 +103,7 @@ const getAvatarStyles = avatarProps => {
105
103
  };
106
104
 
107
105
  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; }
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; }
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; }
109
107
  const defaultProps = {
110
108
  firstName: '',
111
109
  lastName: '',
@@ -118,12 +116,11 @@ const getFirstChar = str => {
118
116
  return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
119
117
  };
120
118
  const getInitialsFromName = _ref => {
121
- var _context2;
122
119
  let _ref$firstName = _ref.firstName,
123
120
  firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
124
121
  _ref$lastName = _ref.lastName,
125
122
  lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
126
- return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
123
+ return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
127
124
  };
128
125
  /**
129
126
  * `s` - defines the size. We want a bigger one if the user is on a retina-display
@@ -133,17 +130,16 @@ const getInitialsFromName = _ref => {
133
130
  * @see: https://de.gravatar.com/site/implement/images/
134
131
  */
135
132
  const createGravatarImgUrl = function (md5Hash, size) {
136
- var _context3;
137
133
  let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
138
134
  const imageSize = getWidthSize(size);
139
135
  const sizeAsInt = _parseInt__default["default"](imageSize.replace(/px$/, ''), 10);
140
136
  const gravatarSize = sizeAsInt * multiplyBy;
141
- return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
137
+ return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
142
138
  };
143
139
  const GravatarImg = props => jsxRuntime.jsx("img", {
144
140
  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHtcbiAgZ2V0QXZhdGFyU3R5bGVzLFxuICBnZXRGb250U2l6ZSxcbiAgZ2V0Rm9yZWdyb3VuZENvbG9yLFxuICBnZXRXaWR0aFNpemUsXG59IGZyb20gJy4vYXZhdGFyLnN0eWxlcyc7XG5cbmV4cG9ydCB0eXBlIFRBdmF0YXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBmaXJzdCBuYW1lIG9mIHRoZSB1c2VyLlxuICAgKi9cbiAgZmlyc3ROYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGxhc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGxhc3ROYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGhhc2hlZCBzdHJpbmcgb2YgdGhlIHVzZXIgZ3JhdmF0YXIuXG4gICAqL1xuICBncmF2YXRhckhhc2g6IHN0cmluZztcbiAgLyoqXG4gICAqIEVuaGFuY2VzIHRoZSBhcHBlYXJhbmNlIG9mIHRoZSBhdmF0YXIuXG4gICAqL1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZSBzaXplIG9mIHRoZSByZW5kZXJlZCBhdmF0YXIuXG4gICAqL1xuICBzaXplOiAncycgfCAnbScgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGNvbG9yPzogJ2FjY2VudCcgfCAncHVycGxlJyB8ICd0dXJxdW9pc2UnIHwgJ2Jyb3duJztcbiAgLyoqIGFuIDxJY29uIC8+IGNvbXBvbmVudFxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFRHcmF2YXRhckltZ1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZ3JhdmF0YXJIYXNoJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPjtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJyB8ICdjb2xvcidcbj4gPSB7XG4gIGZpcnN0TmFtZTogJycsXG4gIGxhc3ROYW1lOiAnJyxcbiAgaXNIaWdobGlnaHRlZDogZmFsc2UsXG4gIHNpemU6ICdzJyxcbiAgY29sb3I6ICdhY2NlbnQnLFxufTtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG4vKipcbiAqIGBzYCAtIGRlZmluZXMgdGhlIHNpemUuIFdlIHdhbnQgYSBiaWdnZXIgb25lIGlmIHRoZSB1c2VyIGlzIG9uIGEgcmV0aW5hLWRpc3BsYXlcbiAqIGBkYCAtIGRlZmluZXMgdGhlIGRlZmF1bHQgaWYgdGhlIHVzZXIgaXMgbm90IGtub3duIHRvIEdyYXZhdGFyLiBJdCByZXR1cm5zIGEgYmxhbmsgaW1hZ2UsXG4gKiAgICAgICAgd2hpY2ggbGV0IHRoZSBpbml0aWFscyB1bmRlcm5lYXRoIHNoaW5lIHRocm91Z2hcbiAqXG4gKiBAc2VlOiBodHRwczovL2RlLmdyYXZhdGFyLmNvbS9zaXRlL2ltcGxlbWVudC9pbWFnZXMvXG4gKi9cbmNvbnN0IGNyZWF0ZUdyYXZhdGFySW1nVXJsID0gKFxuICBtZDVIYXNoOiBUQXZhdGFyUHJvcHNbJ2dyYXZhdGFySGFzaCddLFxuICBzaXplOiBUQXZhdGFyUHJvcHNbJ3NpemUnXSxcbiAgbXVsdGlwbHlCeTogbnVtYmVyID0gMVxuKSA9PiB7XG4gIGNvbnN0IGltYWdlU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoaW1hZ2VTaXplLnJlcGxhY2UoL3B4JC8sICcnKSwgMTApO1xuICBjb25zdCBncmF2YXRhclNpemUgPSBzaXplQXNJbnQgKiBtdWx0aXBseUJ5O1xuICByZXR1cm4gYGh0dHBzOi8vd3d3LmdyYXZhdGFyLmNvbS9hdmF0YXIvJHttZDVIYXNofT9zPSR7Z3JhdmF0YXJTaXplfSZkPWJsYW5rYDtcbn07XG5cbmNvbnN0IEdyYXZhdGFySW1nID0gKHByb3BzOiBUR3JhdmF0YXJJbWdQcm9wcykgPT4gKFxuICA8aW1nXG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogMTA7XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/ICdvcGFjaXR5OiAwLjc7JyA6ICcnfVxuICAgIGB9XG4gICAgc3JjPXtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfVxuICAgIHNyY1NldD17W1xuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX0gMXhgLFxuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplLCAyKX0gMnhgLFxuICAgIF0uam9pbignLCcpfVxuICAgIC8qKlxuICAgICAqIEJhc2VkIG9uIGh0dHBzOi8vd3d3LnczLm9yZy9XQUkvdHV0b3JpYWxzL2ltYWdlcy9kZWNpc2lvbi10cmVlLzpcbiAgICAgKiBpbWFnZSBjb250cmlidXRlcyBtZWFuaW5nIHRvIHRoZSBjdXJyZW50IHBhZ2Ugb3IgY29udGV4dCBhbmQgaXQgc2hvd3MgY29udGVudCB0aGF0IGlzIHJlZHVuZGFudCB0byByZWFsIHRleHQgbmVhcmJ5XG4gICAgICovXG4gICAgYWx0PVwiXCJcbiAgLz5cbik7XG5HcmF2YXRhckltZy5kaXNwbGF5TmFtZSA9ICdHcmF2YXRhckltZyc7XG5cbmNvbnN0IEluaXRpYWxzID0gKHByb3BzOiBUSW5pdGlhbHNQcm9wcykgPT4ge1xuICBjb25zdCBpbml0aWFsc0Zyb21OYW1lID0gZ2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBmb250LXNpemU6ICR7Z2V0Rm9udFNpemUoaW5pdGlhbHNGcm9tTmFtZSwgcHJvcHMuc2l6ZSl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7aW5pdGlhbHNGcm9tTmFtZX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9IChwcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUocHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihwcm9wcy5jb2xvcik7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e2dldEF2YXRhclN0eWxlcyhwcm9wcyl9IHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9PlxuICAgICAge3Byb3BzPy5pY29uID8gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcz8uaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogJ3NjYWxlJyxcbiAgICAgICAgICAgIGNvbG9yOiBmb3JlZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kY29sb3I6IGZvcmVncm91bmRDb2xvcixcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHcmF2YXRhckltZ1xuICAgICAgICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICAgICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgICAgICAgaXNIaWdobGlnaHRlZD17cHJvcHMuaXNIaWdobGlnaHRlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxJbml0aWFsc1xuICAgICAgICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgICAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5BdmF0YXIuZGlzcGxheU5hbWUgPSAnQXZhdGFyJztcbkF2YXRhci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEF2YXRhcjtcbiJdfQ== */"),
145
141
  src: createGravatarImgUrl(props.gravatarHash, props.size),
146
- srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
142
+ srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
147
143
  /**
148
144
  * Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
149
145
  * image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
@@ -168,9 +164,9 @@ const Avatar = props => {
168
164
  return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
169
165
  css: getAvatarStyles(props)
170
166
  }, utils.filterDataAttributes(props)), {}, {
171
- children: props !== null && props !== void 0 && props.icon ? jsxRuntime.jsx("div", {
167
+ children: props?.icon ? jsxRuntime.jsx("div", {
172
168
  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0lrQiIsImZpbGUiOiJhdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCBjbG9uZUVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7XG4gIGdldEF2YXRhclN0eWxlcyxcbiAgZ2V0Rm9udFNpemUsXG4gIGdldEZvcmVncm91bmRDb2xvcixcbiAgZ2V0V2lkdGhTaXplLFxufSBmcm9tICcuL2F2YXRhci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xuICAvKipcbiAgICogVGhlIGNvbG9yIG9mIHRoZSBhdmF0YXIuXG4gICAqL1xuICBjb2xvcj86ICdhY2NlbnQnIHwgJ3B1cnBsZScgfCAndHVycXVvaXNlJyB8ICdicm93bic7XG4gIC8qKiBhbiA8SWNvbiAvPiBjb21wb25lbnRcbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG59O1xuXG5leHBvcnQgdHlwZSBUR3JhdmF0YXJJbWdQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2dyYXZhdGFySGFzaCcgfCAnaXNIaWdobGlnaHRlZCcgfCAnc2l6ZSdcbj47XG5cbmV4cG9ydCB0eXBlIFRJbml0aWFsc1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZScgfCAnc2l6ZSdcbj47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZScgfCAnaXNIaWdobGlnaHRlZCcgfCAnc2l6ZScgfCAnY29sb3InXG4+ID0ge1xuICBmaXJzdE5hbWU6ICcnLFxuICBsYXN0TmFtZTogJycsXG4gIGlzSGlnaGxpZ2h0ZWQ6IGZhbHNlLFxuICBzaXplOiAncycsXG4gIGNvbG9yOiAnYWNjZW50Jyxcbn07XG5cbmNvbnN0IGdldEZpcnN0Q2hhciA9IChzdHI6IHN0cmluZykgPT5cbiAgdHlwZW9mIHN0ciA9PT0gJ3N0cmluZycgPyBzdHIudHJpbSgpLnNsaWNlKDAsIDEpLnRvVXBwZXJDYXNlKCkgOiAnJztcblxuY29uc3QgZ2V0SW5pdGlhbHNGcm9tTmFtZSA9ICh7XG4gIGZpcnN0TmFtZSA9ICcnLFxuICBsYXN0TmFtZSA9ICcnLFxufTogUGljazxUQXZhdGFyUHJvcHMsICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJz4pID0+XG4gIGAke2dldEZpcnN0Q2hhcihmaXJzdE5hbWUpfSR7Z2V0Rmlyc3RDaGFyKGxhc3ROYW1lKX1gO1xuLyoqXG4gKiBgc2AgLSBkZWZpbmVzIHRoZSBzaXplLiBXZSB3YW50IGEgYmlnZ2VyIG9uZSBpZiB0aGUgdXNlciBpcyBvbiBhIHJldGluYS1kaXNwbGF5XG4gKiBgZGAgLSBkZWZpbmVzIHRoZSBkZWZhdWx0IGlmIHRoZSB1c2VyIGlzIG5vdCBrbm93biB0byBHcmF2YXRhci4gSXQgcmV0dXJucyBhIGJsYW5rIGltYWdlLFxuICogICAgICAgIHdoaWNoIGxldCB0aGUgaW5pdGlhbHMgdW5kZXJuZWF0aCBzaGluZSB0aHJvdWdoXG4gKlxuICogQHNlZTogaHR0cHM6Ly9kZS5ncmF2YXRhci5jb20vc2l0ZS9pbXBsZW1lbnQvaW1hZ2VzL1xuICovXG5jb25zdCBjcmVhdGVHcmF2YXRhckltZ1VybCA9IChcbiAgbWQ1SGFzaDogVEF2YXRhclByb3BzWydncmF2YXRhckhhc2gnXSxcbiAgc2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10sXG4gIG11bHRpcGx5Qnk6IG51bWJlciA9IDFcbikgPT4ge1xuICBjb25zdCBpbWFnZVNpemUgPSBnZXRXaWR0aFNpemUoc2l6ZSk7XG4gIGNvbnN0IHNpemVBc0ludCA9IHBhcnNlSW50KGltYWdlU2l6ZS5yZXBsYWNlKC9weCQvLCAnJyksIDEwKTtcbiAgY29uc3QgZ3JhdmF0YXJTaXplID0gc2l6ZUFzSW50ICogbXVsdGlwbHlCeTtcbiAgcmV0dXJuIGBodHRwczovL3d3dy5ncmF2YXRhci5jb20vYXZhdGFyLyR7bWQ1SGFzaH0/cz0ke2dyYXZhdGFyU2l6ZX0mZD1ibGFua2A7XG59O1xuXG5jb25zdCBHcmF2YXRhckltZyA9IChwcm9wczogVEdyYXZhdGFySW1nUHJvcHMpID0+IChcbiAgPGltZ1xuICAgIGNzcz17Y3NzYFxuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDEwO1xuXG4gICAgICAke3Byb3BzLmlzSGlnaGxpZ2h0ZWQgPyAnb3BhY2l0eTogMC43OycgOiAnJ31cbiAgICBgfVxuICAgIHNyYz17Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX1cbiAgICBzcmNTZXQ9e1tcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9IDF4YCxcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSwgMil9IDJ4YCxcbiAgICBdLmpvaW4oJywnKX1cbiAgICAvKipcbiAgICAgKiBCYXNlZCBvbiBodHRwczovL3d3dy53My5vcmcvV0FJL3R1dG9yaWFscy9pbWFnZXMvZGVjaXNpb24tdHJlZS86XG4gICAgICogaW1hZ2UgY29udHJpYnV0ZXMgbWVhbmluZyB0byB0aGUgY3VycmVudCBwYWdlIG9yIGNvbnRleHQgYW5kIGl0IHNob3dzIGNvbnRlbnQgdGhhdCBpcyByZWR1bmRhbnQgdG8gcmVhbCB0ZXh0IG5lYXJieVxuICAgICAqL1xuICAgIGFsdD1cIlwiXG4gIC8+XG4pO1xuR3JhdmF0YXJJbWcuZGlzcGxheU5hbWUgPSAnR3JhdmF0YXJJbWcnO1xuXG5jb25zdCBJbml0aWFscyA9IChwcm9wczogVEluaXRpYWxzUHJvcHMpID0+IHtcbiAgY29uc3QgaW5pdGlhbHNGcm9tTmFtZSA9IGdldEluaXRpYWxzRnJvbU5hbWUoe1xuICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgIGxhc3ROYW1lOiBwcm9wcy5sYXN0TmFtZSxcbiAgfSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGluaXRpYWxzRnJvbU5hbWUsIHByb3BzLnNpemUpfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2luaXRpYWxzRnJvbU5hbWV9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuSW5pdGlhbHMuZGlzcGxheU5hbWUgPSAnSW5pdGlhbHMnO1xuXG5jb25zdCBBdmF0YXIgPSAocHJvcHM6IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKHByb3BzLnNpemUpO1xuICBjb25zdCBmb3JlZ3JvdW5kQ29sb3IgPSBnZXRGb3JlZ3JvdW5kQ29sb3IocHJvcHMuY29sb3IpO1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtnZXRBdmF0YXJTdHlsZXMocHJvcHMpfSB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfT5cbiAgICAgIHtwcm9wcz8uaWNvbiA/IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiBjYWxjKCR7YXZhdGFyU2l6ZX0gLSA0NSUpO1xuICAgICAgICAgICAgd2lkdGg6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHM/Lmljb24sIHtcbiAgICAgICAgICAgIHNpemU6ICdzY2FsZScsXG4gICAgICAgICAgICBjb2xvcjogZm9yZWdyb3VuZENvbG9yLFxuICAgICAgICAgICAgYmFja2dyb3VuZGNvbG9yOiBmb3JlZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8R3JhdmF0YXJJbWdcbiAgICAgICAgICAgIGdyYXZhdGFySGFzaD17cHJvcHMuZ3JhdmF0YXJIYXNofVxuICAgICAgICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3Byb3BzLmlzSGlnaGxpZ2h0ZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8SW5pdGlhbHNcbiAgICAgICAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICAgICAgICBmaXJzdE5hbWU9e3Byb3BzLmZpcnN0TmFtZX1cbiAgICAgICAgICAgIGxhc3ROYW1lPXtwcm9wcy5sYXN0TmFtZX1cbiAgICAgICAgICAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5BdmF0YXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXX0= */"),
173
- children: /*#__PURE__*/react$1.cloneElement(props === null || props === void 0 ? void 0 : props.icon, {
169
+ children: /*#__PURE__*/react$1.cloneElement(props?.icon, {
174
170
  size: 'scale',
175
171
  color: foregroundColor,
176
172
  backgroundcolor: foregroundColor
@@ -202,7 +198,7 @@ Avatar.defaultProps = defaultProps;
202
198
  var Avatar$1 = Avatar;
203
199
 
204
200
  // NOTE: This string will be replaced on build time with the package version.
205
- var version = "19.10.0";
201
+ var version = "19.11.0";
206
202
 
207
203
  exports["default"] = Avatar$1;
208
204
  exports.version = version;
package/dist/commercetools-uikit-avatar.cjs.prod.js CHANGED
@@ -6,7 +6,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
6
  require('prop-types');
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');
10
9
  var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
11
10
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
12
11
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -27,7 +26,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
27
26
 
28
27
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
29
28
  var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
30
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
31
29
  var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
32
30
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
33
31
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
@@ -93,7 +91,7 @@ const getForegroundColor = avatarColor => {
93
91
  case 'turquoise':
94
92
  return designSystem.designTokens.colorTurquoise35;
95
93
  default:
96
- return designSystem.designTokens["color".concat(startCase__default["default"](avatarColor), "50")];
94
+ return designSystem.designTokens[`color${startCase__default["default"](avatarColor)}50`];
97
95
  }
98
96
  };
99
97
  const getAvatarStyles = avatarProps => {
@@ -104,7 +102,7 @@ const getAvatarStyles = avatarProps => {
104
102
  };
105
103
 
106
104
  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; }
107
- 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; }
105
+ 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
106
  const defaultProps = {
109
107
  firstName: '',
110
108
  lastName: '',
@@ -117,12 +115,11 @@ const getFirstChar = str => {
117
115
  return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
118
116
  };
119
117
  const getInitialsFromName = _ref => {
120
- var _context2;
121
118
  let _ref$firstName = _ref.firstName,
122
119
  firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
123
120
  _ref$lastName = _ref.lastName,
124
121
  lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
125
- return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
122
+ return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
126
123
  };
127
124
  /**
128
125
  * `s` - defines the size. We want a bigger one if the user is on a retina-display
@@ -132,17 +129,16 @@ const getInitialsFromName = _ref => {
132
129
  * @see: https://de.gravatar.com/site/implement/images/
133
130
  */
134
131
  const createGravatarImgUrl = function (md5Hash, size) {
135
- var _context3;
136
132
  let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
137
133
  const imageSize = getWidthSize(size);
138
134
  const sizeAsInt = _parseInt__default["default"](imageSize.replace(/px$/, ''), 10);
139
135
  const gravatarSize = sizeAsInt * multiplyBy;
140
- return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
136
+ return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
141
137
  };
142
138
  const GravatarImg = props => jsxRuntime.jsx("img", {
143
139
  css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + ("" ), "" ),
144
140
  src: createGravatarImgUrl(props.gravatarHash, props.size),
145
- srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
141
+ srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
146
142
  /**
147
143
  * Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
148
144
  * image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
@@ -167,9 +163,9 @@ const Avatar = props => {
167
163
  return jsxRuntime.jsx("div", _objectSpread(_objectSpread({
168
164
  css: getAvatarStyles(props)
169
165
  }, utils.filterDataAttributes(props)), {}, {
170
- children: props !== null && props !== void 0 && props.icon ? jsxRuntime.jsx("div", {
166
+ children: props?.icon ? jsxRuntime.jsx("div", {
171
167
  css: /*#__PURE__*/react.css("height:calc(", avatarSize, " - 45%);width:calc(", avatarSize, " - 45%);" + ("" ), "" ),
172
- children: /*#__PURE__*/react$1.cloneElement(props === null || props === void 0 ? void 0 : props.icon, {
168
+ children: /*#__PURE__*/react$1.cloneElement(props?.icon, {
173
169
  size: 'scale',
174
170
  color: foregroundColor,
175
171
  backgroundcolor: foregroundColor
@@ -193,7 +189,7 @@ Avatar.defaultProps = defaultProps;
193
189
  var Avatar$1 = Avatar;
194
190
 
195
191
  // NOTE: This string will be replaced on build time with the package version.
196
- var version = "19.10.0";
192
+ var version = "19.11.0";
197
193
 
198
194
  exports["default"] = Avatar$1;
199
195
  exports.version = version;
package/dist/commercetools-uikit-avatar.esm.js CHANGED
@@ -2,7 +2,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
2
2
  import _pt from 'prop-types';
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';
6
5
  import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
7
6
  import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
8
7
  import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -73,7 +72,7 @@ const getForegroundColor = avatarColor => {
73
72
  case 'turquoise':
74
73
  return designTokens.colorTurquoise35;
75
74
  default:
76
- return designTokens["color".concat(startCase(avatarColor), "50")];
75
+ return designTokens[`color${startCase(avatarColor)}50`];
77
76
  }
78
77
  };
79
78
  const getAvatarStyles = avatarProps => {
@@ -84,7 +83,7 @@ const getAvatarStyles = avatarProps => {
84
83
  };
85
84
 
86
85
  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; }
87
- 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; }
86
+ 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; }
88
87
  const defaultProps = {
89
88
  firstName: '',
90
89
  lastName: '',
@@ -97,12 +96,11 @@ const getFirstChar = str => {
97
96
  return typeof str === 'string' ? _sliceInstanceProperty(_context = _trimInstanceProperty(str).call(str)).call(_context, 0, 1).toUpperCase() : '';
98
97
  };
99
98
  const getInitialsFromName = _ref => {
100
- var _context2;
101
99
  let _ref$firstName = _ref.firstName,
102
100
  firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
103
101
  _ref$lastName = _ref.lastName,
104
102
  lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
105
- return _concatInstanceProperty(_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
103
+ return `${getFirstChar(firstName)}${getFirstChar(lastName)}`;
106
104
  };
107
105
  /**
108
106
  * `s` - defines the size. We want a bigger one if the user is on a retina-display
@@ -112,17 +110,16 @@ const getInitialsFromName = _ref => {
112
110
  * @see: https://de.gravatar.com/site/implement/images/
113
111
  */
114
112
  const createGravatarImgUrl = function (md5Hash, size) {
115
- var _context3;
116
113
  let multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
117
114
  const imageSize = getWidthSize(size);
118
115
  const sizeAsInt = _parseInt(imageSize.replace(/px$/, ''), 10);
119
116
  const gravatarSize = sizeAsInt * multiplyBy;
120
- return _concatInstanceProperty(_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
117
+ return `https://www.gravatar.com/avatar/${md5Hash}?s=${gravatarSize}&d=blank`;
121
118
  };
122
119
  const GravatarImg = props => jsx("img", {
123
120
  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHtcbiAgZ2V0QXZhdGFyU3R5bGVzLFxuICBnZXRGb250U2l6ZSxcbiAgZ2V0Rm9yZWdyb3VuZENvbG9yLFxuICBnZXRXaWR0aFNpemUsXG59IGZyb20gJy4vYXZhdGFyLnN0eWxlcyc7XG5cbmV4cG9ydCB0eXBlIFRBdmF0YXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBmaXJzdCBuYW1lIG9mIHRoZSB1c2VyLlxuICAgKi9cbiAgZmlyc3ROYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGxhc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGxhc3ROYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGhhc2hlZCBzdHJpbmcgb2YgdGhlIHVzZXIgZ3JhdmF0YXIuXG4gICAqL1xuICBncmF2YXRhckhhc2g6IHN0cmluZztcbiAgLyoqXG4gICAqIEVuaGFuY2VzIHRoZSBhcHBlYXJhbmNlIG9mIHRoZSBhdmF0YXIuXG4gICAqL1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZSBzaXplIG9mIHRoZSByZW5kZXJlZCBhdmF0YXIuXG4gICAqL1xuICBzaXplOiAncycgfCAnbScgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGF2YXRhci5cbiAgICovXG4gIGNvbG9yPzogJ2FjY2VudCcgfCAncHVycGxlJyB8ICd0dXJxdW9pc2UnIHwgJ2Jyb3duJztcbiAgLyoqIGFuIDxJY29uIC8+IGNvbXBvbmVudFxuICAgKi9cbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFRHcmF2YXRhckltZ1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZ3JhdmF0YXJIYXNoJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJ1xuPjtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdpc0hpZ2hsaWdodGVkJyB8ICdzaXplJyB8ICdjb2xvcidcbj4gPSB7XG4gIGZpcnN0TmFtZTogJycsXG4gIGxhc3ROYW1lOiAnJyxcbiAgaXNIaWdobGlnaHRlZDogZmFsc2UsXG4gIHNpemU6ICdzJyxcbiAgY29sb3I6ICdhY2NlbnQnLFxufTtcblxuY29uc3QgZ2V0Rmlyc3RDaGFyID0gKHN0cjogc3RyaW5nKSA9PlxuICB0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyA/IHN0ci50cmltKCkuc2xpY2UoMCwgMSkudG9VcHBlckNhc2UoKSA6ICcnO1xuXG5jb25zdCBnZXRJbml0aWFsc0Zyb21OYW1lID0gKHtcbiAgZmlyc3ROYW1lID0gJycsXG4gIGxhc3ROYW1lID0gJycsXG59OiBQaWNrPFRBdmF0YXJQcm9wcywgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnPikgPT5cbiAgYCR7Z2V0Rmlyc3RDaGFyKGZpcnN0TmFtZSl9JHtnZXRGaXJzdENoYXIobGFzdE5hbWUpfWA7XG4vKipcbiAqIGBzYCAtIGRlZmluZXMgdGhlIHNpemUuIFdlIHdhbnQgYSBiaWdnZXIgb25lIGlmIHRoZSB1c2VyIGlzIG9uIGEgcmV0aW5hLWRpc3BsYXlcbiAqIGBkYCAtIGRlZmluZXMgdGhlIGRlZmF1bHQgaWYgdGhlIHVzZXIgaXMgbm90IGtub3duIHRvIEdyYXZhdGFyLiBJdCByZXR1cm5zIGEgYmxhbmsgaW1hZ2UsXG4gKiAgICAgICAgd2hpY2ggbGV0IHRoZSBpbml0aWFscyB1bmRlcm5lYXRoIHNoaW5lIHRocm91Z2hcbiAqXG4gKiBAc2VlOiBodHRwczovL2RlLmdyYXZhdGFyLmNvbS9zaXRlL2ltcGxlbWVudC9pbWFnZXMvXG4gKi9cbmNvbnN0IGNyZWF0ZUdyYXZhdGFySW1nVXJsID0gKFxuICBtZDVIYXNoOiBUQXZhdGFyUHJvcHNbJ2dyYXZhdGFySGFzaCddLFxuICBzaXplOiBUQXZhdGFyUHJvcHNbJ3NpemUnXSxcbiAgbXVsdGlwbHlCeTogbnVtYmVyID0gMVxuKSA9PiB7XG4gIGNvbnN0IGltYWdlU2l6ZSA9IGdldFdpZHRoU2l6ZShzaXplKTtcbiAgY29uc3Qgc2l6ZUFzSW50ID0gcGFyc2VJbnQoaW1hZ2VTaXplLnJlcGxhY2UoL3B4JC8sICcnKSwgMTApO1xuICBjb25zdCBncmF2YXRhclNpemUgPSBzaXplQXNJbnQgKiBtdWx0aXBseUJ5O1xuICByZXR1cm4gYGh0dHBzOi8vd3d3LmdyYXZhdGFyLmNvbS9hdmF0YXIvJHttZDVIYXNofT9zPSR7Z3JhdmF0YXJTaXplfSZkPWJsYW5rYDtcbn07XG5cbmNvbnN0IEdyYXZhdGFySW1nID0gKHByb3BzOiBUR3JhdmF0YXJJbWdQcm9wcykgPT4gKFxuICA8aW1nXG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogMTA7XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/ICdvcGFjaXR5OiAwLjc7JyA6ICcnfVxuICAgIGB9XG4gICAgc3JjPXtjcmVhdGVHcmF2YXRhckltZ1VybChwcm9wcy5ncmF2YXRhckhhc2gsIHByb3BzLnNpemUpfVxuICAgIHNyY1NldD17W1xuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX0gMXhgLFxuICAgICAgYCR7Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplLCAyKX0gMnhgLFxuICAgIF0uam9pbignLCcpfVxuICAgIC8qKlxuICAgICAqIEJhc2VkIG9uIGh0dHBzOi8vd3d3LnczLm9yZy9XQUkvdHV0b3JpYWxzL2ltYWdlcy9kZWNpc2lvbi10cmVlLzpcbiAgICAgKiBpbWFnZSBjb250cmlidXRlcyBtZWFuaW5nIHRvIHRoZSBjdXJyZW50IHBhZ2Ugb3IgY29udGV4dCBhbmQgaXQgc2hvd3MgY29udGVudCB0aGF0IGlzIHJlZHVuZGFudCB0byByZWFsIHRleHQgbmVhcmJ5XG4gICAgICovXG4gICAgYWx0PVwiXCJcbiAgLz5cbik7XG5HcmF2YXRhckltZy5kaXNwbGF5TmFtZSA9ICdHcmF2YXRhckltZyc7XG5cbmNvbnN0IEluaXRpYWxzID0gKHByb3BzOiBUSW5pdGlhbHNQcm9wcykgPT4ge1xuICBjb25zdCBpbml0aWFsc0Zyb21OYW1lID0gZ2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgbGFzdE5hbWU6IHByb3BzLmxhc3ROYW1lLFxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBmb250LXNpemU6ICR7Z2V0Rm9udFNpemUoaW5pdGlhbHNGcm9tTmFtZSwgcHJvcHMuc2l6ZSl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7aW5pdGlhbHNGcm9tTmFtZX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Jbml0aWFscy5kaXNwbGF5TmFtZSA9ICdJbml0aWFscyc7XG5cbmNvbnN0IEF2YXRhciA9IChwcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUocHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihwcm9wcy5jb2xvcik7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e2dldEF2YXRhclN0eWxlcyhwcm9wcyl9IHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9PlxuICAgICAge3Byb3BzPy5pY29uID8gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgICB3aWR0aDogY2FsYygke2F2YXRhclNpemV9IC0gNDUlKTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcz8uaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogJ3NjYWxlJyxcbiAgICAgICAgICAgIGNvbG9yOiBmb3JlZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kY29sb3I6IGZvcmVncm91bmRDb2xvcixcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxHcmF2YXRhckltZ1xuICAgICAgICAgICAgZ3JhdmF0YXJIYXNoPXtwcm9wcy5ncmF2YXRhckhhc2h9XG4gICAgICAgICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgICAgICAgaXNIaWdobGlnaHRlZD17cHJvcHMuaXNIaWdobGlnaHRlZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxJbml0aWFsc1xuICAgICAgICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgICAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5BdmF0YXIuZGlzcGxheU5hbWUgPSAnQXZhdGFyJztcbkF2YXRhci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IEF2YXRhcjtcbiJdfQ== */"),
124
121
  src: createGravatarImgUrl(props.gravatarHash, props.size),
125
- srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(',')
122
+ srcSet: [`${createGravatarImgUrl(props.gravatarHash, props.size)} 1x`, `${createGravatarImgUrl(props.gravatarHash, props.size, 2)} 2x`].join(',')
126
123
  /**
127
124
  * Based on https://www.w3.org/WAI/tutorials/images/decision-tree/:
128
125
  * image contributes meaning to the current page or context and it shows content that is redundant to real text nearby
@@ -147,9 +144,9 @@ const Avatar = props => {
147
144
  return jsx("div", _objectSpread(_objectSpread({
148
145
  css: getAvatarStyles(props)
149
146
  }, filterDataAttributes(props)), {}, {
150
- children: props !== null && props !== void 0 && props.icon ? jsx("div", {
147
+ children: props?.icon ? jsx("div", {
151
148
  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0lrQiIsImZpbGUiOiJhdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCBjbG9uZUVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7XG4gIGdldEF2YXRhclN0eWxlcyxcbiAgZ2V0Rm9udFNpemUsXG4gIGdldEZvcmVncm91bmRDb2xvcixcbiAgZ2V0V2lkdGhTaXplLFxufSBmcm9tICcuL2F2YXRhci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xuICAvKipcbiAgICogVGhlIGNvbG9yIG9mIHRoZSBhdmF0YXIuXG4gICAqL1xuICBjb2xvcj86ICdhY2NlbnQnIHwgJ3B1cnBsZScgfCAndHVycXVvaXNlJyB8ICdicm93bic7XG4gIC8qKiBhbiA8SWNvbiAvPiBjb21wb25lbnRcbiAgICovXG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG59O1xuXG5leHBvcnQgdHlwZSBUR3JhdmF0YXJJbWdQcm9wcyA9IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2dyYXZhdGFySGFzaCcgfCAnaXNIaWdobGlnaHRlZCcgfCAnc2l6ZSdcbj47XG5cbmV4cG9ydCB0eXBlIFRJbml0aWFsc1Byb3BzID0gUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZScgfCAnc2l6ZSdcbj47XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVEF2YXRhclByb3BzLFxuICAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZScgfCAnaXNIaWdobGlnaHRlZCcgfCAnc2l6ZScgfCAnY29sb3InXG4+ID0ge1xuICBmaXJzdE5hbWU6ICcnLFxuICBsYXN0TmFtZTogJycsXG4gIGlzSGlnaGxpZ2h0ZWQ6IGZhbHNlLFxuICBzaXplOiAncycsXG4gIGNvbG9yOiAnYWNjZW50Jyxcbn07XG5cbmNvbnN0IGdldEZpcnN0Q2hhciA9IChzdHI6IHN0cmluZykgPT5cbiAgdHlwZW9mIHN0ciA9PT0gJ3N0cmluZycgPyBzdHIudHJpbSgpLnNsaWNlKDAsIDEpLnRvVXBwZXJDYXNlKCkgOiAnJztcblxuY29uc3QgZ2V0SW5pdGlhbHNGcm9tTmFtZSA9ICh7XG4gIGZpcnN0TmFtZSA9ICcnLFxuICBsYXN0TmFtZSA9ICcnLFxufTogUGljazxUQXZhdGFyUHJvcHMsICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJz4pID0+XG4gIGAke2dldEZpcnN0Q2hhcihmaXJzdE5hbWUpfSR7Z2V0Rmlyc3RDaGFyKGxhc3ROYW1lKX1gO1xuLyoqXG4gKiBgc2AgLSBkZWZpbmVzIHRoZSBzaXplLiBXZSB3YW50IGEgYmlnZ2VyIG9uZSBpZiB0aGUgdXNlciBpcyBvbiBhIHJldGluYS1kaXNwbGF5XG4gKiBgZGAgLSBkZWZpbmVzIHRoZSBkZWZhdWx0IGlmIHRoZSB1c2VyIGlzIG5vdCBrbm93biB0byBHcmF2YXRhci4gSXQgcmV0dXJucyBhIGJsYW5rIGltYWdlLFxuICogICAgICAgIHdoaWNoIGxldCB0aGUgaW5pdGlhbHMgdW5kZXJuZWF0aCBzaGluZSB0aHJvdWdoXG4gKlxuICogQHNlZTogaHR0cHM6Ly9kZS5ncmF2YXRhci5jb20vc2l0ZS9pbXBsZW1lbnQvaW1hZ2VzL1xuICovXG5jb25zdCBjcmVhdGVHcmF2YXRhckltZ1VybCA9IChcbiAgbWQ1SGFzaDogVEF2YXRhclByb3BzWydncmF2YXRhckhhc2gnXSxcbiAgc2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10sXG4gIG11bHRpcGx5Qnk6IG51bWJlciA9IDFcbikgPT4ge1xuICBjb25zdCBpbWFnZVNpemUgPSBnZXRXaWR0aFNpemUoc2l6ZSk7XG4gIGNvbnN0IHNpemVBc0ludCA9IHBhcnNlSW50KGltYWdlU2l6ZS5yZXBsYWNlKC9weCQvLCAnJyksIDEwKTtcbiAgY29uc3QgZ3JhdmF0YXJTaXplID0gc2l6ZUFzSW50ICogbXVsdGlwbHlCeTtcbiAgcmV0dXJuIGBodHRwczovL3d3dy5ncmF2YXRhci5jb20vYXZhdGFyLyR7bWQ1SGFzaH0/cz0ke2dyYXZhdGFyU2l6ZX0mZD1ibGFua2A7XG59O1xuXG5jb25zdCBHcmF2YXRhckltZyA9IChwcm9wczogVEdyYXZhdGFySW1nUHJvcHMpID0+IChcbiAgPGltZ1xuICAgIGNzcz17Y3NzYFxuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDEwO1xuXG4gICAgICAke3Byb3BzLmlzSGlnaGxpZ2h0ZWQgPyAnb3BhY2l0eTogMC43OycgOiAnJ31cbiAgICBgfVxuICAgIHNyYz17Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX1cbiAgICBzcmNTZXQ9e1tcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9IDF4YCxcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSwgMil9IDJ4YCxcbiAgICBdLmpvaW4oJywnKX1cbiAgICAvKipcbiAgICAgKiBCYXNlZCBvbiBodHRwczovL3d3dy53My5vcmcvV0FJL3R1dG9yaWFscy9pbWFnZXMvZGVjaXNpb24tdHJlZS86XG4gICAgICogaW1hZ2UgY29udHJpYnV0ZXMgbWVhbmluZyB0byB0aGUgY3VycmVudCBwYWdlIG9yIGNvbnRleHQgYW5kIGl0IHNob3dzIGNvbnRlbnQgdGhhdCBpcyByZWR1bmRhbnQgdG8gcmVhbCB0ZXh0IG5lYXJieVxuICAgICAqL1xuICAgIGFsdD1cIlwiXG4gIC8+XG4pO1xuR3JhdmF0YXJJbWcuZGlzcGxheU5hbWUgPSAnR3JhdmF0YXJJbWcnO1xuXG5jb25zdCBJbml0aWFscyA9IChwcm9wczogVEluaXRpYWxzUHJvcHMpID0+IHtcbiAgY29uc3QgaW5pdGlhbHNGcm9tTmFtZSA9IGdldEluaXRpYWxzRnJvbU5hbWUoe1xuICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgIGxhc3ROYW1lOiBwcm9wcy5sYXN0TmFtZSxcbiAgfSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGluaXRpYWxzRnJvbU5hbWUsIHByb3BzLnNpemUpfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2luaXRpYWxzRnJvbU5hbWV9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuSW5pdGlhbHMuZGlzcGxheU5hbWUgPSAnSW5pdGlhbHMnO1xuXG5jb25zdCBBdmF0YXIgPSAocHJvcHM6IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKHByb3BzLnNpemUpO1xuICBjb25zdCBmb3JlZ3JvdW5kQ29sb3IgPSBnZXRGb3JlZ3JvdW5kQ29sb3IocHJvcHMuY29sb3IpO1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtnZXRBdmF0YXJTdHlsZXMocHJvcHMpfSB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfT5cbiAgICAgIHtwcm9wcz8uaWNvbiA/IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiBjYWxjKCR7YXZhdGFyU2l6ZX0gLSA0NSUpO1xuICAgICAgICAgICAgd2lkdGg6IGNhbGMoJHthdmF0YXJTaXplfSAtIDQ1JSk7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHM/Lmljb24sIHtcbiAgICAgICAgICAgIHNpemU6ICdzY2FsZScsXG4gICAgICAgICAgICBjb2xvcjogZm9yZWdyb3VuZENvbG9yLFxuICAgICAgICAgICAgYmFja2dyb3VuZGNvbG9yOiBmb3JlZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8R3JhdmF0YXJJbWdcbiAgICAgICAgICAgIGdyYXZhdGFySGFzaD17cHJvcHMuZ3JhdmF0YXJIYXNofVxuICAgICAgICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgICAgICAgIGlzSGlnaGxpZ2h0ZWQ9e3Byb3BzLmlzSGlnaGxpZ2h0ZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8SW5pdGlhbHNcbiAgICAgICAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICAgICAgICBmaXJzdE5hbWU9e3Byb3BzLmZpcnN0TmFtZX1cbiAgICAgICAgICAgIGxhc3ROYW1lPXtwcm9wcy5sYXN0TmFtZX1cbiAgICAgICAgICAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQXZhdGFyLmRpc3BsYXlOYW1lID0gJ0F2YXRhcic7XG5BdmF0YXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXX0= */"),
152
- children: /*#__PURE__*/cloneElement(props === null || props === void 0 ? void 0 : props.icon, {
149
+ children: /*#__PURE__*/cloneElement(props?.icon, {
153
150
  size: 'scale',
154
151
  color: foregroundColor,
155
152
  backgroundcolor: foregroundColor
@@ -181,6 +178,6 @@ Avatar.defaultProps = defaultProps;
181
178
  var Avatar$1 = Avatar;
182
179
 
183
180
  // NOTE: This string will be replaced on build time with the package version.
184
- var version = "19.10.0";
181
+ var version = "19.11.0";
185
182
 
186
183
  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": "19.10.0",
4
+ "version": "19.12.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,8 +21,8 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/design-system": "19.10.0",
25
- "@commercetools-uikit/utils": "19.10.0",
24
+ "@commercetools-uikit/design-system": "19.12.0",
25
+ "@commercetools-uikit/utils": "19.12.0",
26
26
  "@emotion/react": "^11.10.5",
27
27
  "@emotion/styled": "^11.10.5",
28
28
  "lodash": "4.17.21",