npm - @commercetools-uikit/avatar - Versions diffs - 12.2.0 → 12.2.5 - Mend

@commercetools-uikit/avatar 12.2.0 → 12.2.5

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 (9) hide show

package/README.md +0 -1
package/dist/commercetools-uikit-avatar.cjs.dev.js +53 -42
package/dist/commercetools-uikit-avatar.cjs.prod.js +53 -33
package/dist/commercetools-uikit-avatar.esm.js +39 -36
package/dist/declarations/src/avatar.d.ts +17 -18
package/dist/declarations/src/export-types.d.ts +2 -0
package/dist/declarations/src/index.d.ts +3 -4
package/dist/declarations/src/version.d.ts +2 -2
package/package.json +14 -11

package/README.md CHANGED Viewed

@@ -30,7 +30,6 @@ npm --save install react
 ## Usage
 ```jsx
-import React from 'react';
 import Avatar from '@commercetools-uikit/avatar';
 const Example = () => (

package/dist/commercetools-uikit-avatar.cjs.dev.js CHANGED Viewed

@@ -2,25 +2,42 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
-var _pt = require('prop-types');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
-require('react');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var utils = require('@commercetools-uikit/utils');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), true)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context5; _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 var avatarSizes = {
   s: {
     width: '26px',
@@ -45,7 +62,7 @@ var defaultProps = {
 var getFirstChar = function getFirstChar(str) {
   var _context;
-  return typeof str === 'string' ? _sliceInstanceProperty__default['default'](_context = _trimInstanceProperty__default['default'](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
+  return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
 };
 var getInitialsFromName = function getInitialsFromName(_ref) {
@@ -55,7 +72,7 @@ var getInitialsFromName = function getInitialsFromName(_ref) {
       firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
       _ref$lastName = _ref.lastName,
       lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
-  return _concatInstanceProperty__default['default'](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
+  return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
 };
 /**
  * `s` - defines the size. We want a bigger one if the user is on a retina-display
@@ -71,67 +88,61 @@ var createGravatarImgUrl = function createGravatarImgUrl(md5Hash, size) {
   var multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var sizeAsInt = _parseInt__default['default'](avatarSizes[size].width.replace(/px$/, ''), 10);
+  var sizeAsInt = _parseInt__default["default"](avatarSizes[size].width.replace(/px$/, ''), 10);
   var gravatarSize = sizeAsInt * multiplyBy;
-  return _concatInstanceProperty__default['default'](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
+  return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
 };
 var GravatarImg = function GravatarImg(props) {
-  return react.jsx("img", {
-    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;")),
+  return jsxRuntime.jsx("img", {
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ICYge1xuICBhbHRUZXh0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgYXZhdGFyU2l6ZXMgPSB7XG4gIHM6IHsgd2lkdGg6ICcyNnB4JywgZm9udFNpemU6ICcxZW0nIH0sXG4gIG06IHsgd2lkdGg6ICc0OHB4JywgZm9udFNpemU6ICcxLjVlbScgfSxcbiAgbDogeyB3aWR0aDogJzEwMHB4JywgZm9udFNpemU6ICczZW0nIH0sXG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ID0ge1xuICBmaXJzdE5hbWU6ICcnLFxuICBsYXN0TmFtZTogJycsXG4gIGlzSGlnaGxpZ2h0ZWQ6IGZhbHNlLFxuICBzaXplOiAncycsXG59O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcblxuLyoqXG4gKiBgc2AgLSBkZWZpbmVzIHRoZSBzaXplLiBXZSB3YW50IGEgYmlnZ2VyIG9uZSBpZiB0aGUgdXNlciBpcyBvbiBhIHJldGluYS1kaXNwbGF5XG4gKiBgZGAgLSBkZWZpbmVzIHRoZSBkZWZhdWx0IGlmIHRoZSB1c2VyIGlzIG5vdCBrbm93biB0byBHcmF2YXRhci4gSXQgcmV0dXJucyBhIGJsYW5rIGltYWdlLFxuICogICAgICAgIHdoaWNoIGxldCB0aGUgaW5pdGlhbHMgdW5kZXJuZWF0aCBzaGluZSB0aHJvdWdoXG4gKlxuICogQHNlZTogaHR0cHM6Ly9kZS5ncmF2YXRhci5jb20vc2l0ZS9pbXBsZW1lbnQvaW1hZ2VzL1xuICovXG5jb25zdCBjcmVhdGVHcmF2YXRhckltZ1VybCA9IChcbiAgbWQ1SGFzaDogVEF2YXRhclByb3BzWydncmF2YXRhckhhc2gnXSxcbiAgc2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10sXG4gIG11bHRpcGx5Qnk6IG51bWJlciA9IDFcbikgPT4ge1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChhdmF0YXJTaXplc1tzaXplXS53aWR0aC5yZXBsYWNlKC9weCQvLCAnJyksIDEwKTtcbiAgY29uc3QgZ3JhdmF0YXJTaXplID0gc2l6ZUFzSW50ICogbXVsdGlwbHlCeTtcbiAgcmV0dXJuIGBodHRwczovL3d3dy5ncmF2YXRhci5jb20vYXZhdGFyLyR7bWQ1SGFzaH0/cz0ke2dyYXZhdGFyU2l6ZX0mZD1ibGFua2A7XG59O1xuXG5jb25zdCBHcmF2YXRhckltZyA9IChwcm9wczogVEdyYXZhdGFySW1nUHJvcHMpID0+IChcbiAgPGltZ1xuICAgIGNzcz17Y3NzYFxuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDEwO1xuXG4gICAgICAke3Byb3BzLmlzSGlnaGxpZ2h0ZWQgPyAnb3BhY2l0eTogMC43OycgOiAnJ31cbiAgICBgfVxuICAgIHNyYz17Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX1cbiAgICBzcmNTZXQ9e1tcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9IDF4YCxcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSwgMil9IDJ4YCxcbiAgICBdLmpvaW4oJywnKX1cbiAgICBhbHQ9e3Byb3BzLmFsdFRleHR9XG4gIC8+XG4pO1xuR3JhdmF0YXJJbWcuZGlzcGxheU5hbWUgPSAnR3JhdmF0YXJJbWcnO1xuXG5jb25zdCBJbml0aWFscyA9IChwcm9wczogVEluaXRpYWxzUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgZm9udC1zaXplOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLmZvbnRTaXplfTtcbiAgICBgfVxuICA+XG4gICAge2dldEluaXRpYWxzRnJvbU5hbWUoe1xuICAgICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgfSl9XG4gIDwvZGl2PlxuKTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHByb3BzOiBUQXZhdGFyUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgIGhlaWdodDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG4gICAgICB3aWR0aDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JOZXV0cmFsfTtgIDogJyd9XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAgPEdyYXZhdGFySW1nXG4gICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICBpc0hpZ2hsaWdodGVkPXtwcm9wcy5pc0hpZ2hsaWdodGVkfVxuICAgICAgYWx0VGV4dD17Z2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgICB9KX1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcbkF2YXRhci5kaXNwbGF5TmFtZSA9ICdBdmF0YXInO1xuQXZhdGFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
     src: createGravatarImgUrl(props.gravatarHash, props.size),
     srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(','),
     alt: props.altText
   });
 };
-GravatarImg.propTypes = process.env.NODE_ENV !== "production" ? {
-  altText: _pt__default['default'].string
-} : {};
 GravatarImg.displayName = 'GravatarImg';
 var Initials = function Initials(props) {
-  return react.jsx("div", {
-    css: /*#__PURE__*/react.css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Initials;"))
-  }, getInitialsFromName({
-    firstName: props.firstName,
-    lastName: props.lastName
-  }));
+  return jsxRuntime.jsx("div", {
+    css: /*#__PURE__*/react.css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Initials;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUdZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ICYge1xuICBhbHRUZXh0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgYXZhdGFyU2l6ZXMgPSB7XG4gIHM6IHsgd2lkdGg6ICcyNnB4JywgZm9udFNpemU6ICcxZW0nIH0sXG4gIG06IHsgd2lkdGg6ICc0OHB4JywgZm9udFNpemU6ICcxLjVlbScgfSxcbiAgbDogeyB3aWR0aDogJzEwMHB4JywgZm9udFNpemU6ICczZW0nIH0sXG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ID0ge1xuICBmaXJzdE5hbWU6ICcnLFxuICBsYXN0TmFtZTogJycsXG4gIGlzSGlnaGxpZ2h0ZWQ6IGZhbHNlLFxuICBzaXplOiAncycsXG59O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcblxuLyoqXG4gKiBgc2AgLSBkZWZpbmVzIHRoZSBzaXplLiBXZSB3YW50IGEgYmlnZ2VyIG9uZSBpZiB0aGUgdXNlciBpcyBvbiBhIHJldGluYS1kaXNwbGF5XG4gKiBgZGAgLSBkZWZpbmVzIHRoZSBkZWZhdWx0IGlmIHRoZSB1c2VyIGlzIG5vdCBrbm93biB0byBHcmF2YXRhci4gSXQgcmV0dXJucyBhIGJsYW5rIGltYWdlLFxuICogICAgICAgIHdoaWNoIGxldCB0aGUgaW5pdGlhbHMgdW5kZXJuZWF0aCBzaGluZSB0aHJvdWdoXG4gKlxuICogQHNlZTogaHR0cHM6Ly9kZS5ncmF2YXRhci5jb20vc2l0ZS9pbXBsZW1lbnQvaW1hZ2VzL1xuICovXG5jb25zdCBjcmVhdGVHcmF2YXRhckltZ1VybCA9IChcbiAgbWQ1SGFzaDogVEF2YXRhclByb3BzWydncmF2YXRhckhhc2gnXSxcbiAgc2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10sXG4gIG11bHRpcGx5Qnk6IG51bWJlciA9IDFcbikgPT4ge1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChhdmF0YXJTaXplc1tzaXplXS53aWR0aC5yZXBsYWNlKC9weCQvLCAnJyksIDEwKTtcbiAgY29uc3QgZ3JhdmF0YXJTaXplID0gc2l6ZUFzSW50ICogbXVsdGlwbHlCeTtcbiAgcmV0dXJuIGBodHRwczovL3d3dy5ncmF2YXRhci5jb20vYXZhdGFyLyR7bWQ1SGFzaH0/cz0ke2dyYXZhdGFyU2l6ZX0mZD1ibGFua2A7XG59O1xuXG5jb25zdCBHcmF2YXRhckltZyA9IChwcm9wczogVEdyYXZhdGFySW1nUHJvcHMpID0+IChcbiAgPGltZ1xuICAgIGNzcz17Y3NzYFxuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDEwO1xuXG4gICAgICAke3Byb3BzLmlzSGlnaGxpZ2h0ZWQgPyAnb3BhY2l0eTogMC43OycgOiAnJ31cbiAgICBgfVxuICAgIHNyYz17Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX1cbiAgICBzcmNTZXQ9e1tcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9IDF4YCxcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSwgMil9IDJ4YCxcbiAgICBdLmpvaW4oJywnKX1cbiAgICBhbHQ9e3Byb3BzLmFsdFRleHR9XG4gIC8+XG4pO1xuR3JhdmF0YXJJbWcuZGlzcGxheU5hbWUgPSAnR3JhdmF0YXJJbWcnO1xuXG5jb25zdCBJbml0aWFscyA9IChwcm9wczogVEluaXRpYWxzUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgZm9udC1zaXplOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLmZvbnRTaXplfTtcbiAgICBgfVxuICA+XG4gICAge2dldEluaXRpYWxzRnJvbU5hbWUoe1xuICAgICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgfSl9XG4gIDwvZGl2PlxuKTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHByb3BzOiBUQXZhdGFyUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgIGhlaWdodDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG4gICAgICB3aWR0aDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JOZXV0cmFsfTtgIDogJyd9XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAgPEdyYXZhdGFySW1nXG4gICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICBpc0hpZ2hsaWdodGVkPXtwcm9wcy5pc0hpZ2hsaWdodGVkfVxuICAgICAgYWx0VGV4dD17Z2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgICB9KX1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcbkF2YXRhci5kaXNwbGF5TmFtZSA9ICdBdmF0YXInO1xuQXZhdGFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
+    children: getInitialsFromName({
+      firstName: props.firstName,
+      lastName: props.lastName
+    })
+  });
 };
 Initials.displayName = 'Initials';
 var Avatar = function Avatar(props) {
-  return react.jsx("div", _extends({
-    css: /*#__PURE__*/react.css("align-items:center;background-color:", designSystem.customProperties.colorNeutral60, ";border-radius:100%;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(designSystem.customProperties.colorNeutral, ";") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"))
-  }, utils.filterDataAttributes(props)), react.jsx(GravatarImg, {
-    gravatarHash: props.gravatarHash,
-    size: props.size,
-    isHighlighted: props.isHighlighted,
-    altText: getInitialsFromName({
+  return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
+    css: /*#__PURE__*/react.css("align-items:center;background-color:", designSystem.customProperties.colorNeutral60, ";border-radius:100%;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(designSystem.customProperties.colorNeutral, ";") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0hZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ICYge1xuICBhbHRUZXh0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgYXZhdGFyU2l6ZXMgPSB7XG4gIHM6IHsgd2lkdGg6ICcyNnB4JywgZm9udFNpemU6ICcxZW0nIH0sXG4gIG06IHsgd2lkdGg6ICc0OHB4JywgZm9udFNpemU6ICcxLjVlbScgfSxcbiAgbDogeyB3aWR0aDogJzEwMHB4JywgZm9udFNpemU6ICczZW0nIH0sXG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ID0ge1xuICBmaXJzdE5hbWU6ICcnLFxuICBsYXN0TmFtZTogJycsXG4gIGlzSGlnaGxpZ2h0ZWQ6IGZhbHNlLFxuICBzaXplOiAncycsXG59O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcblxuLyoqXG4gKiBgc2AgLSBkZWZpbmVzIHRoZSBzaXplLiBXZSB3YW50IGEgYmlnZ2VyIG9uZSBpZiB0aGUgdXNlciBpcyBvbiBhIHJldGluYS1kaXNwbGF5XG4gKiBgZGAgLSBkZWZpbmVzIHRoZSBkZWZhdWx0IGlmIHRoZSB1c2VyIGlzIG5vdCBrbm93biB0byBHcmF2YXRhci4gSXQgcmV0dXJucyBhIGJsYW5rIGltYWdlLFxuICogICAgICAgIHdoaWNoIGxldCB0aGUgaW5pdGlhbHMgdW5kZXJuZWF0aCBzaGluZSB0aHJvdWdoXG4gKlxuICogQHNlZTogaHR0cHM6Ly9kZS5ncmF2YXRhci5jb20vc2l0ZS9pbXBsZW1lbnQvaW1hZ2VzL1xuICovXG5jb25zdCBjcmVhdGVHcmF2YXRhckltZ1VybCA9IChcbiAgbWQ1SGFzaDogVEF2YXRhclByb3BzWydncmF2YXRhckhhc2gnXSxcbiAgc2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10sXG4gIG11bHRpcGx5Qnk6IG51bWJlciA9IDFcbikgPT4ge1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChhdmF0YXJTaXplc1tzaXplXS53aWR0aC5yZXBsYWNlKC9weCQvLCAnJyksIDEwKTtcbiAgY29uc3QgZ3JhdmF0YXJTaXplID0gc2l6ZUFzSW50ICogbXVsdGlwbHlCeTtcbiAgcmV0dXJuIGBodHRwczovL3d3dy5ncmF2YXRhci5jb20vYXZhdGFyLyR7bWQ1SGFzaH0/cz0ke2dyYXZhdGFyU2l6ZX0mZD1ibGFua2A7XG59O1xuXG5jb25zdCBHcmF2YXRhckltZyA9IChwcm9wczogVEdyYXZhdGFySW1nUHJvcHMpID0+IChcbiAgPGltZ1xuICAgIGNzcz17Y3NzYFxuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDEwO1xuXG4gICAgICAke3Byb3BzLmlzSGlnaGxpZ2h0ZWQgPyAnb3BhY2l0eTogMC43OycgOiAnJ31cbiAgICBgfVxuICAgIHNyYz17Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX1cbiAgICBzcmNTZXQ9e1tcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9IDF4YCxcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSwgMil9IDJ4YCxcbiAgICBdLmpvaW4oJywnKX1cbiAgICBhbHQ9e3Byb3BzLmFsdFRleHR9XG4gIC8+XG4pO1xuR3JhdmF0YXJJbWcuZGlzcGxheU5hbWUgPSAnR3JhdmF0YXJJbWcnO1xuXG5jb25zdCBJbml0aWFscyA9IChwcm9wczogVEluaXRpYWxzUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgZm9udC1zaXplOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLmZvbnRTaXplfTtcbiAgICBgfVxuICA+XG4gICAge2dldEluaXRpYWxzRnJvbU5hbWUoe1xuICAgICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgfSl9XG4gIDwvZGl2PlxuKTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHByb3BzOiBUQXZhdGFyUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgIGhlaWdodDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG4gICAgICB3aWR0aDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JOZXV0cmFsfTtgIDogJyd9XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAgPEdyYXZhdGFySW1nXG4gICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICBpc0hpZ2hsaWdodGVkPXtwcm9wcy5pc0hpZ2hsaWdodGVkfVxuICAgICAgYWx0VGV4dD17Z2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgICB9KX1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcbkF2YXRhci5kaXNwbGF5TmFtZSA9ICdBdmF0YXInO1xuQXZhdGFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */")
+  }, utils.filterDataAttributes(props)), {}, {
+    children: [jsxRuntime.jsx(GravatarImg, {
+      gravatarHash: props.gravatarHash,
+      size: props.size,
+      isHighlighted: props.isHighlighted,
+      altText: getInitialsFromName({
+        firstName: props.firstName,
+        lastName: props.lastName
+      })
+    }), jsxRuntime.jsx(Initials, {
+      size: props.size,
       firstName: props.firstName,
       lastName: props.lastName
-    })
-  }), react.jsx(Initials, {
-    size: props.size,
-    firstName: props.firstName,
-    lastName: props.lastName
+    })]
   }));
 };
-Avatar.propTypes = process.env.NODE_ENV !== "production" ? {
-  firstName: _pt__default['default'].string,
-  lastName: _pt__default['default'].string,
-  gravatarHash: _pt__default['default'].string.isRequired,
-  isHighlighted: _pt__default['default'].bool,
-  size: _pt__default['default'].oneOf(['s', 'm', 'l']).isRequired
-} : {};
 Avatar.displayName = 'Avatar';
 Avatar.defaultProps = defaultProps;
+var Avatar$1 = Avatar;
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.0';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
-exports.default = Avatar;
+exports["default"] = Avatar$1;
 exports.version = version;

package/dist/commercetools-uikit-avatar.cjs.prod.js CHANGED Viewed

@@ -2,16 +2,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
-require('prop-types');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
-require('react');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var utils = require('@commercetools-uikit/utils');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -19,7 +26,18 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), true)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context5; _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 var avatarSizes = {
   s: {
     width: '26px',
@@ -44,7 +62,7 @@ var defaultProps = {
 var getFirstChar = function getFirstChar(str) {
   var _context;
-  return typeof str === 'string' ? _sliceInstanceProperty__default['default'](_context = _trimInstanceProperty__default['default'](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
+  return typeof str === 'string' ? _sliceInstanceProperty__default["default"](_context = _trimInstanceProperty__default["default"](str).call(str)).call(_context, 0, 1).toUpperCase() : '';
 };
 var getInitialsFromName = function getInitialsFromName(_ref) {
@@ -54,7 +72,7 @@ var getInitialsFromName = function getInitialsFromName(_ref) {
       firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
       _ref$lastName = _ref.lastName,
       lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
-  return _concatInstanceProperty__default['default'](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
+  return _concatInstanceProperty__default["default"](_context2 = "".concat(getFirstChar(firstName))).call(_context2, getFirstChar(lastName));
 };
 /**
  * `s` - defines the size. We want a bigger one if the user is on a retina-display
@@ -70,59 +88,61 @@ var createGravatarImgUrl = function createGravatarImgUrl(md5Hash, size) {
   var multiplyBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var sizeAsInt = _parseInt__default['default'](avatarSizes[size].width.replace(/px$/, ''), 10);
+  var sizeAsInt = _parseInt__default["default"](avatarSizes[size].width.replace(/px$/, ''), 10);
   var gravatarSize = sizeAsInt * multiplyBy;
-  return _concatInstanceProperty__default['default'](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
+  return _concatInstanceProperty__default["default"](_context3 = "https://www.gravatar.com/avatar/".concat(md5Hash, "?s=")).call(_context3, gravatarSize, "&d=blank");
 };
 var GravatarImg = function GravatarImg(props) {
-  return react.jsx("img", {
-    css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + ("" )),
+  return jsxRuntime.jsx("img", {
+    css: /*#__PURE__*/react.css("background-position:center center;background-size:contain;position:relative;z-index:10;", props.isHighlighted ? 'opacity: 0.7;' : '', ";" + ("" ), "" ),
     src: createGravatarImgUrl(props.gravatarHash, props.size),
     srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(','),
     alt: props.altText
   });
 };
-GravatarImg.propTypes = {};
 GravatarImg.displayName = 'GravatarImg';
 var Initials = function Initials(props) {
-  return react.jsx("div", {
-    css: /*#__PURE__*/react.css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + ("" ))
-  }, getInitialsFromName({
-    firstName: props.firstName,
-    lastName: props.lastName
-  }));
+  return jsxRuntime.jsx("div", {
+    css: /*#__PURE__*/react.css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + ("" ), "" ),
+    children: getInitialsFromName({
+      firstName: props.firstName,
+      lastName: props.lastName
+    })
+  });
 };
 Initials.displayName = 'Initials';
 var Avatar = function Avatar(props) {
-  return react.jsx("div", _extends({
-    css: /*#__PURE__*/react.css("align-items:center;background-color:", designSystem.customProperties.colorNeutral60, ";border-radius:100%;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(designSystem.customProperties.colorNeutral, ";") : '', ";" + ("" ))
-  }, utils.filterDataAttributes(props)), react.jsx(GravatarImg, {
-    gravatarHash: props.gravatarHash,
-    size: props.size,
-    isHighlighted: props.isHighlighted,
-    altText: getInitialsFromName({
+  return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
+    css: /*#__PURE__*/react.css("align-items:center;background-color:", designSystem.customProperties.colorNeutral60, ";border-radius:100%;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(designSystem.customProperties.colorNeutral, ";") : '', ";" + ("" ), "" )
+  }, utils.filterDataAttributes(props)), {}, {
+    children: [jsxRuntime.jsx(GravatarImg, {
+      gravatarHash: props.gravatarHash,
+      size: props.size,
+      isHighlighted: props.isHighlighted,
+      altText: getInitialsFromName({
+        firstName: props.firstName,
+        lastName: props.lastName
+      })
+    }), jsxRuntime.jsx(Initials, {
+      size: props.size,
       firstName: props.firstName,
       lastName: props.lastName
-    })
-  }), react.jsx(Initials, {
-    size: props.size,
-    firstName: props.firstName,
-    lastName: props.lastName
+    })]
   }));
 };
-Avatar.propTypes = {};
 Avatar.displayName = 'Avatar';
 Avatar.defaultProps = defaultProps;
+var Avatar$1 = Avatar;
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.0';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
-exports.default = Avatar;
+exports["default"] = Avatar$1;
 exports.version = version;

package/dist/commercetools-uikit-avatar.esm.js CHANGED Viewed

@@ -1,14 +1,24 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import _pt from 'prop-types';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
-import 'react';
-import { jsx, css } from '@emotion/react';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import { css } from '@emotion/react';
 import { customProperties } from '@commercetools-uikit/design-system';
 import { filterDataAttributes } from '@commercetools-uikit/utils';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source), true)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context5; _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var avatarSizes = {
   s: {
     width: '26px',
@@ -67,59 +77,52 @@ var createGravatarImgUrl = function createGravatarImgUrl(md5Hash, size) {
 var GravatarImg = function GravatarImg(props) {
   return jsx("img", {
-    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;")),
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ICYge1xuICBhbHRUZXh0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgYXZhdGFyU2l6ZXMgPSB7XG4gIHM6IHsgd2lkdGg6ICcyNnB4JywgZm9udFNpemU6ICcxZW0nIH0sXG4gIG06IHsgd2lkdGg6ICc0OHB4JywgZm9udFNpemU6ICcxLjVlbScgfSxcbiAgbDogeyB3aWR0aDogJzEwMHB4JywgZm9udFNpemU6ICczZW0nIH0sXG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ID0ge1xuICBmaXJzdE5hbWU6ICcnLFxuICBsYXN0TmFtZTogJycsXG4gIGlzSGlnaGxpZ2h0ZWQ6IGZhbHNlLFxuICBzaXplOiAncycsXG59O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcblxuLyoqXG4gKiBgc2AgLSBkZWZpbmVzIHRoZSBzaXplLiBXZSB3YW50IGEgYmlnZ2VyIG9uZSBpZiB0aGUgdXNlciBpcyBvbiBhIHJldGluYS1kaXNwbGF5XG4gKiBgZGAgLSBkZWZpbmVzIHRoZSBkZWZhdWx0IGlmIHRoZSB1c2VyIGlzIG5vdCBrbm93biB0byBHcmF2YXRhci4gSXQgcmV0dXJucyBhIGJsYW5rIGltYWdlLFxuICogICAgICAgIHdoaWNoIGxldCB0aGUgaW5pdGlhbHMgdW5kZXJuZWF0aCBzaGluZSB0aHJvdWdoXG4gKlxuICogQHNlZTogaHR0cHM6Ly9kZS5ncmF2YXRhci5jb20vc2l0ZS9pbXBsZW1lbnQvaW1hZ2VzL1xuICovXG5jb25zdCBjcmVhdGVHcmF2YXRhckltZ1VybCA9IChcbiAgbWQ1SGFzaDogVEF2YXRhclByb3BzWydncmF2YXRhckhhc2gnXSxcbiAgc2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10sXG4gIG11bHRpcGx5Qnk6IG51bWJlciA9IDFcbikgPT4ge1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChhdmF0YXJTaXplc1tzaXplXS53aWR0aC5yZXBsYWNlKC9weCQvLCAnJyksIDEwKTtcbiAgY29uc3QgZ3JhdmF0YXJTaXplID0gc2l6ZUFzSW50ICogbXVsdGlwbHlCeTtcbiAgcmV0dXJuIGBodHRwczovL3d3dy5ncmF2YXRhci5jb20vYXZhdGFyLyR7bWQ1SGFzaH0/cz0ke2dyYXZhdGFyU2l6ZX0mZD1ibGFua2A7XG59O1xuXG5jb25zdCBHcmF2YXRhckltZyA9IChwcm9wczogVEdyYXZhdGFySW1nUHJvcHMpID0+IChcbiAgPGltZ1xuICAgIGNzcz17Y3NzYFxuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDEwO1xuXG4gICAgICAke3Byb3BzLmlzSGlnaGxpZ2h0ZWQgPyAnb3BhY2l0eTogMC43OycgOiAnJ31cbiAgICBgfVxuICAgIHNyYz17Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX1cbiAgICBzcmNTZXQ9e1tcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9IDF4YCxcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSwgMil9IDJ4YCxcbiAgICBdLmpvaW4oJywnKX1cbiAgICBhbHQ9e3Byb3BzLmFsdFRleHR9XG4gIC8+XG4pO1xuR3JhdmF0YXJJbWcuZGlzcGxheU5hbWUgPSAnR3JhdmF0YXJJbWcnO1xuXG5jb25zdCBJbml0aWFscyA9IChwcm9wczogVEluaXRpYWxzUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgZm9udC1zaXplOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLmZvbnRTaXplfTtcbiAgICBgfVxuICA+XG4gICAge2dldEluaXRpYWxzRnJvbU5hbWUoe1xuICAgICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgfSl9XG4gIDwvZGl2PlxuKTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHByb3BzOiBUQXZhdGFyUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgIGhlaWdodDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG4gICAgICB3aWR0aDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JOZXV0cmFsfTtgIDogJyd9XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAgPEdyYXZhdGFySW1nXG4gICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICBpc0hpZ2hsaWdodGVkPXtwcm9wcy5pc0hpZ2hsaWdodGVkfVxuICAgICAgYWx0VGV4dD17Z2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgICB9KX1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcbkF2YXRhci5kaXNwbGF5TmFtZSA9ICdBdmF0YXInO1xuQXZhdGFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
     src: createGravatarImgUrl(props.gravatarHash, props.size),
     srcSet: ["".concat(createGravatarImgUrl(props.gravatarHash, props.size), " 1x"), "".concat(createGravatarImgUrl(props.gravatarHash, props.size, 2), " 2x")].join(','),
     alt: props.altText
   });
 };
-GravatarImg.propTypes = process.env.NODE_ENV !== "production" ? {
-  altText: _pt.string
-} : {};
 GravatarImg.displayName = 'GravatarImg';
 var Initials = function Initials(props) {
   return jsx("div", {
-    css: /*#__PURE__*/css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Initials;"))
-  }, getInitialsFromName({
-    firstName: props.firstName,
-    lastName: props.lastName
-  }));
+    css: /*#__PURE__*/css("position:absolute;font-size:", avatarSizes[props.size].fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Initials;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUdZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ICYge1xuICBhbHRUZXh0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgYXZhdGFyU2l6ZXMgPSB7XG4gIHM6IHsgd2lkdGg6ICcyNnB4JywgZm9udFNpemU6ICcxZW0nIH0sXG4gIG06IHsgd2lkdGg6ICc0OHB4JywgZm9udFNpemU6ICcxLjVlbScgfSxcbiAgbDogeyB3aWR0aDogJzEwMHB4JywgZm9udFNpemU6ICczZW0nIH0sXG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ID0ge1xuICBmaXJzdE5hbWU6ICcnLFxuICBsYXN0TmFtZTogJycsXG4gIGlzSGlnaGxpZ2h0ZWQ6IGZhbHNlLFxuICBzaXplOiAncycsXG59O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcblxuLyoqXG4gKiBgc2AgLSBkZWZpbmVzIHRoZSBzaXplLiBXZSB3YW50IGEgYmlnZ2VyIG9uZSBpZiB0aGUgdXNlciBpcyBvbiBhIHJldGluYS1kaXNwbGF5XG4gKiBgZGAgLSBkZWZpbmVzIHRoZSBkZWZhdWx0IGlmIHRoZSB1c2VyIGlzIG5vdCBrbm93biB0byBHcmF2YXRhci4gSXQgcmV0dXJucyBhIGJsYW5rIGltYWdlLFxuICogICAgICAgIHdoaWNoIGxldCB0aGUgaW5pdGlhbHMgdW5kZXJuZWF0aCBzaGluZSB0aHJvdWdoXG4gKlxuICogQHNlZTogaHR0cHM6Ly9kZS5ncmF2YXRhci5jb20vc2l0ZS9pbXBsZW1lbnQvaW1hZ2VzL1xuICovXG5jb25zdCBjcmVhdGVHcmF2YXRhckltZ1VybCA9IChcbiAgbWQ1SGFzaDogVEF2YXRhclByb3BzWydncmF2YXRhckhhc2gnXSxcbiAgc2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10sXG4gIG11bHRpcGx5Qnk6IG51bWJlciA9IDFcbikgPT4ge1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChhdmF0YXJTaXplc1tzaXplXS53aWR0aC5yZXBsYWNlKC9weCQvLCAnJyksIDEwKTtcbiAgY29uc3QgZ3JhdmF0YXJTaXplID0gc2l6ZUFzSW50ICogbXVsdGlwbHlCeTtcbiAgcmV0dXJuIGBodHRwczovL3d3dy5ncmF2YXRhci5jb20vYXZhdGFyLyR7bWQ1SGFzaH0/cz0ke2dyYXZhdGFyU2l6ZX0mZD1ibGFua2A7XG59O1xuXG5jb25zdCBHcmF2YXRhckltZyA9IChwcm9wczogVEdyYXZhdGFySW1nUHJvcHMpID0+IChcbiAgPGltZ1xuICAgIGNzcz17Y3NzYFxuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDEwO1xuXG4gICAgICAke3Byb3BzLmlzSGlnaGxpZ2h0ZWQgPyAnb3BhY2l0eTogMC43OycgOiAnJ31cbiAgICBgfVxuICAgIHNyYz17Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX1cbiAgICBzcmNTZXQ9e1tcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9IDF4YCxcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSwgMil9IDJ4YCxcbiAgICBdLmpvaW4oJywnKX1cbiAgICBhbHQ9e3Byb3BzLmFsdFRleHR9XG4gIC8+XG4pO1xuR3JhdmF0YXJJbWcuZGlzcGxheU5hbWUgPSAnR3JhdmF0YXJJbWcnO1xuXG5jb25zdCBJbml0aWFscyA9IChwcm9wczogVEluaXRpYWxzUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgZm9udC1zaXplOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLmZvbnRTaXplfTtcbiAgICBgfVxuICA+XG4gICAge2dldEluaXRpYWxzRnJvbU5hbWUoe1xuICAgICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgfSl9XG4gIDwvZGl2PlxuKTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHByb3BzOiBUQXZhdGFyUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgIGhlaWdodDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG4gICAgICB3aWR0aDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JOZXV0cmFsfTtgIDogJyd9XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAgPEdyYXZhdGFySW1nXG4gICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICBpc0hpZ2hsaWdodGVkPXtwcm9wcy5pc0hpZ2hsaWdodGVkfVxuICAgICAgYWx0VGV4dD17Z2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgICB9KX1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcbkF2YXRhci5kaXNwbGF5TmFtZSA9ICdBdmF0YXInO1xuQXZhdGFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */"),
+    children: getInitialsFromName({
+      firstName: props.firstName,
+      lastName: props.lastName
+    })
+  });
 };
 Initials.displayName = 'Initials';
 var Avatar = function Avatar(props) {
-  return jsx("div", _extends({
-    css: /*#__PURE__*/css("align-items:center;background-color:", customProperties.colorNeutral60, ";border-radius:100%;font-size:", customProperties.fontSizeDefault, ";color:", customProperties.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(customProperties.colorNeutral, ";") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"))
-  }, filterDataAttributes(props)), jsx(GravatarImg, {
-    gravatarHash: props.gravatarHash,
-    size: props.size,
-    isHighlighted: props.isHighlighted,
-    altText: getInitialsFromName({
+  return jsxs("div", _objectSpread(_objectSpread({
+    css: /*#__PURE__*/css("align-items:center;background-color:", customProperties.colorNeutral60, ";border-radius:100%;font-size:", customProperties.fontSizeDefault, ";color:", customProperties.colorSurface, ";display:flex;justify-content:center;overflow:hidden;position:relative;height:", avatarSizes[props.size].width, ";width:", avatarSizes[props.size].width, ";", props.isHighlighted ? "background-color: ".concat(customProperties.colorNeutral, ";") : '', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Avatar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0hZIiwiZmlsZSI6ImF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZmlyc3QgbmFtZSBvZiB0aGUgdXNlci5cbiAgICovXG4gIGZpcnN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBsYXN0IG5hbWUgb2YgdGhlIHVzZXIuXG4gICAqL1xuICBsYXN0TmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBoYXNoZWQgc3RyaW5nIG9mIHRoZSB1c2VyIGdyYXZhdGFyLlxuICAgKi9cbiAgZ3JhdmF0YXJIYXNoOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbmhhbmNlcyB0aGUgYXBwZWFyYW5jZSBvZiB0aGUgYXZhdGFyLlxuICAgKi9cbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgcmVuZGVyZWQgYXZhdGFyLlxuICAgKi9cbiAgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnO1xufTtcblxuZXhwb3J0IHR5cGUgVEdyYXZhdGFySW1nUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdncmF2YXRhckhhc2gnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ICYge1xuICBhbHRUZXh0Pzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgVEluaXRpYWxzUHJvcHMgPSBQaWNrPFxuICBUQXZhdGFyUHJvcHMsXG4gICdmaXJzdE5hbWUnIHwgJ2xhc3ROYW1lJyB8ICdzaXplJ1xuPjtcblxuY29uc3QgYXZhdGFyU2l6ZXMgPSB7XG4gIHM6IHsgd2lkdGg6ICcyNnB4JywgZm9udFNpemU6ICcxZW0nIH0sXG4gIG06IHsgd2lkdGg6ICc0OHB4JywgZm9udFNpemU6ICcxLjVlbScgfSxcbiAgbDogeyB3aWR0aDogJzEwMHB4JywgZm9udFNpemU6ICczZW0nIH0sXG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRBdmF0YXJQcm9wcyxcbiAgJ2ZpcnN0TmFtZScgfCAnbGFzdE5hbWUnIHwgJ2lzSGlnaGxpZ2h0ZWQnIHwgJ3NpemUnXG4+ID0ge1xuICBmaXJzdE5hbWU6ICcnLFxuICBsYXN0TmFtZTogJycsXG4gIGlzSGlnaGxpZ2h0ZWQ6IGZhbHNlLFxuICBzaXplOiAncycsXG59O1xuXG5jb25zdCBnZXRGaXJzdENoYXIgPSAoc3RyOiBzdHJpbmcpID0+XG4gIHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnID8gc3RyLnRyaW0oKS5zbGljZSgwLCAxKS50b1VwcGVyQ2FzZSgpIDogJyc7XG5cbmNvbnN0IGdldEluaXRpYWxzRnJvbU5hbWUgPSAoe1xuICBmaXJzdE5hbWUgPSAnJyxcbiAgbGFzdE5hbWUgPSAnJyxcbn06IFBpY2s8VEF2YXRhclByb3BzLCAnZmlyc3ROYW1lJyB8ICdsYXN0TmFtZSc+KSA9PlxuICBgJHtnZXRGaXJzdENoYXIoZmlyc3ROYW1lKX0ke2dldEZpcnN0Q2hhcihsYXN0TmFtZSl9YDtcblxuLyoqXG4gKiBgc2AgLSBkZWZpbmVzIHRoZSBzaXplLiBXZSB3YW50IGEgYmlnZ2VyIG9uZSBpZiB0aGUgdXNlciBpcyBvbiBhIHJldGluYS1kaXNwbGF5XG4gKiBgZGAgLSBkZWZpbmVzIHRoZSBkZWZhdWx0IGlmIHRoZSB1c2VyIGlzIG5vdCBrbm93biB0byBHcmF2YXRhci4gSXQgcmV0dXJucyBhIGJsYW5rIGltYWdlLFxuICogICAgICAgIHdoaWNoIGxldCB0aGUgaW5pdGlhbHMgdW5kZXJuZWF0aCBzaGluZSB0aHJvdWdoXG4gKlxuICogQHNlZTogaHR0cHM6Ly9kZS5ncmF2YXRhci5jb20vc2l0ZS9pbXBsZW1lbnQvaW1hZ2VzL1xuICovXG5jb25zdCBjcmVhdGVHcmF2YXRhckltZ1VybCA9IChcbiAgbWQ1SGFzaDogVEF2YXRhclByb3BzWydncmF2YXRhckhhc2gnXSxcbiAgc2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10sXG4gIG11bHRpcGx5Qnk6IG51bWJlciA9IDFcbikgPT4ge1xuICBjb25zdCBzaXplQXNJbnQgPSBwYXJzZUludChhdmF0YXJTaXplc1tzaXplXS53aWR0aC5yZXBsYWNlKC9weCQvLCAnJyksIDEwKTtcbiAgY29uc3QgZ3JhdmF0YXJTaXplID0gc2l6ZUFzSW50ICogbXVsdGlwbHlCeTtcbiAgcmV0dXJuIGBodHRwczovL3d3dy5ncmF2YXRhci5jb20vYXZhdGFyLyR7bWQ1SGFzaH0/cz0ke2dyYXZhdGFyU2l6ZX0mZD1ibGFua2A7XG59O1xuXG5jb25zdCBHcmF2YXRhckltZyA9IChwcm9wczogVEdyYXZhdGFySW1nUHJvcHMpID0+IChcbiAgPGltZ1xuICAgIGNzcz17Y3NzYFxuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDEwO1xuXG4gICAgICAke3Byb3BzLmlzSGlnaGxpZ2h0ZWQgPyAnb3BhY2l0eTogMC43OycgOiAnJ31cbiAgICBgfVxuICAgIHNyYz17Y3JlYXRlR3JhdmF0YXJJbWdVcmwocHJvcHMuZ3JhdmF0YXJIYXNoLCBwcm9wcy5zaXplKX1cbiAgICBzcmNTZXQ9e1tcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSl9IDF4YCxcbiAgICAgIGAke2NyZWF0ZUdyYXZhdGFySW1nVXJsKHByb3BzLmdyYXZhdGFySGFzaCwgcHJvcHMuc2l6ZSwgMil9IDJ4YCxcbiAgICBdLmpvaW4oJywnKX1cbiAgICBhbHQ9e3Byb3BzLmFsdFRleHR9XG4gIC8+XG4pO1xuR3JhdmF0YXJJbWcuZGlzcGxheU5hbWUgPSAnR3JhdmF0YXJJbWcnO1xuXG5jb25zdCBJbml0aWFscyA9IChwcm9wczogVEluaXRpYWxzUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgZm9udC1zaXplOiAke2F2YXRhclNpemVzW3Byb3BzLnNpemVdLmZvbnRTaXplfTtcbiAgICBgfVxuICA+XG4gICAge2dldEluaXRpYWxzRnJvbU5hbWUoe1xuICAgICAgZmlyc3ROYW1lOiBwcm9wcy5maXJzdE5hbWUsXG4gICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgfSl9XG4gIDwvZGl2PlxuKTtcbkluaXRpYWxzLmRpc3BsYXlOYW1lID0gJ0luaXRpYWxzJztcblxuY29uc3QgQXZhdGFyID0gKHByb3BzOiBUQXZhdGFyUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dmFycy5jb2xvck5ldXRyYWw2MH07XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgIGhlaWdodDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG4gICAgICB3aWR0aDogJHthdmF0YXJTaXplc1twcm9wcy5zaXplXS53aWR0aH07XG5cbiAgICAgICR7cHJvcHMuaXNIaWdobGlnaHRlZCA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke3ZhcnMuY29sb3JOZXV0cmFsfTtgIDogJyd9XG4gICAgYH1cbiAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICA+XG4gICAgPEdyYXZhdGFySW1nXG4gICAgICBncmF2YXRhckhhc2g9e3Byb3BzLmdyYXZhdGFySGFzaH1cbiAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICBpc0hpZ2hsaWdodGVkPXtwcm9wcy5pc0hpZ2hsaWdodGVkfVxuICAgICAgYWx0VGV4dD17Z2V0SW5pdGlhbHNGcm9tTmFtZSh7XG4gICAgICAgIGZpcnN0TmFtZTogcHJvcHMuZmlyc3ROYW1lLFxuICAgICAgICBsYXN0TmFtZTogcHJvcHMubGFzdE5hbWUsXG4gICAgICB9KX1cbiAgICAvPlxuICAgIDxJbml0aWFsc1xuICAgICAgc2l6ZT17cHJvcHMuc2l6ZX1cbiAgICAgIGZpcnN0TmFtZT17cHJvcHMuZmlyc3ROYW1lfVxuICAgICAgbGFzdE5hbWU9e3Byb3BzLmxhc3ROYW1lfVxuICAgIC8+XG4gIDwvZGl2PlxuKTtcbkF2YXRhci5kaXNwbGF5TmFtZSA9ICdBdmF0YXInO1xuQXZhdGFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQXZhdGFyO1xuIl19 */")
+  }, filterDataAttributes(props)), {}, {
+    children: [jsx(GravatarImg, {
+      gravatarHash: props.gravatarHash,
+      size: props.size,
+      isHighlighted: props.isHighlighted,
+      altText: getInitialsFromName({
+        firstName: props.firstName,
+        lastName: props.lastName
+      })
+    }), jsx(Initials, {
+      size: props.size,
       firstName: props.firstName,
       lastName: props.lastName
-    })
-  }), jsx(Initials, {
-    size: props.size,
-    firstName: props.firstName,
-    lastName: props.lastName
+    })]
   }));
 };
-Avatar.propTypes = process.env.NODE_ENV !== "production" ? {
-  firstName: _pt.string,
-  lastName: _pt.string,
-  gravatarHash: _pt.string.isRequired,
-  isHighlighted: _pt.bool,
-  size: _pt.oneOf(['s', 'm', 'l']).isRequired
-} : {};
 Avatar.displayName = 'Avatar';
 Avatar.defaultProps = defaultProps;
+var Avatar$1 = Avatar;
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.0';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
-export default Avatar;
-export { version };
+export { Avatar$1 as default, version };

package/dist/declarations/src/avatar.d.ts CHANGED Viewed

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-export declare type TAvatarProps = {
-    firstName?: string;
-    lastName?: string;
-    gravatarHash: string;
-    isHighlighted?: boolean;
-    size: 's' | 'm' | 'l';
-};
-export declare type TGravatarImgProps = Pick<TAvatarProps, 'gravatarHash' | 'isHighlighted' | 'size'> & {
-    altText?: string;
-};
-export declare type TInitialsProps = Pick<TAvatarProps, 'firstName' | 'lastName' | 'size'>;
-declare const Avatar: {
-    (props: TAvatarProps): JSX.Element;
-    displayName: string;
-    defaultProps: Pick<TAvatarProps, "isHighlighted" | "size" | "firstName" | "lastName">;
-};
-export default Avatar;
+export declare type TAvatarProps = {
+    firstName?: string;
+    lastName?: string;
+    gravatarHash: string;
+    isHighlighted?: boolean;
+    size: 's' | 'm' | 'l';
+};
+export declare type TGravatarImgProps = Pick<TAvatarProps, 'gravatarHash' | 'isHighlighted' | 'size'> & {
+    altText?: string;
+};
+export declare type TInitialsProps = Pick<TAvatarProps, 'firstName' | 'lastName' | 'size'>;
+declare const Avatar: {
+    (props: TAvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    defaultProps: Pick<TAvatarProps, "size" | "isHighlighted" | "firstName" | "lastName">;
+};
+export default Avatar;

package/dist/declarations/src/export-types.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { TAvatarProps as AvatarProps } from './avatar';
2	+ export declare type TAvatarProps = AvatarProps;

package/dist/declarations/src/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import type { TAvatarProps as AvatarProps } from './avatar';
-export { default } from './avatar';
-export { default as version } from './version';
-export declare type TAvatarProps = AvatarProps;
+export { default } from './avatar';
+export { default as version } from './version';
+export * from './export-types';

package/dist/declarations/src/version.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const _default: "12.2.0";
-export default _default;
+declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/avatar",
   "description": "A component for rendering profile images",
-  "version": "12.2.0",
+  "version": "12.2.5",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -9,24 +9,27 @@
     "directory": "packages/components/avatar"
   },
   "homepage": "https://uikit.commercetools.com",
-  "keywords": ["javascript", "design system", "react", "uikit"],
+  "keywords": [
+    "javascript",
+    "design system",
+    "react",
+    "uikit"
+  ],
   "license": "MIT",
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
   "main": "dist/commercetools-uikit-avatar.cjs.js",
   "module": "dist/commercetools-uikit-avatar.esm.js",
-  "files": ["dist"],
-  "scripts": {
-    "prepare": "../../../scripts/version.js replace"
-  },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@babel/runtime": "7.14.6",
-    "@babel/runtime-corejs3": "7.14.7",
-    "@commercetools-uikit/design-system": "12.1.0",
-    "@commercetools-uikit/utils": "12.2.0",
+    "@babel/runtime": "7.16.3",
+    "@babel/runtime-corejs3": "7.16.3",
+    "@commercetools-uikit/design-system": "12.2.5",
+    "@commercetools-uikit/utils": "12.2.5",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "prop-types": "15.7.2"