@commercetools-uikit/avatar 17.1.0 → 18.1.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.
@@ -94,7 +94,7 @@ const getAvatarStyles = avatarProps => {
94
94
  const avatarSize = getWidthSize(avatarProps.size);
95
95
  const backgroundColor = getBackgroundColor(avatarProps.color, avatarProps.isHighlighted);
96
96
  const foregroundColor = getForegroundColor(avatarProps.color);
97
- return /*#__PURE__*/react.css("align-items:center;background-color:", backgroundColor, ";border-radius:100%;font-size:", designSystem.designTokens.fontSizeDefault, ";font-weight:", designSystem.designTokens.fontWeight600, ";color:", foregroundColor, ";display:flex;justify-content:center;overflow:hidden;position:relative;fill:", foregroundColor, ";height:", avatarSize, ";width:", avatarSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getAvatarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdGFydENhc2UgZnJvbSAnbG9kYXNoL3N0YXJ0Q2FzZSc7XG5pbXBvcnQgeyBUQXZhdGFyUHJvcHMgfSBmcm9tICcuL2F2YXRhcic7XG5cbmNvbnN0IGZvbnRTaXplTWFwID0ge1xuICBzOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUxMCxcbiAgfSxcbiAgbToge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplNTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplMzAsXG4gIH0sXG4gIGw6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTkwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTgwLFxuICB9LFxufTtcblxuY29uc3Qgd2lkdGhTaXplTWFwID0ge1xuICBzOiAnMzJweCcsXG4gIG06ICc0MHB4JyxcbiAgbDogJzEwMHB4Jyxcbn07XG5cbmNvbnN0IGNvbG9yc01hcCA9IHtcbiAgYWNjZW50OiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTUsXG4gIH0sXG4gIHB1cnBsZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTk1LFxuICB9LFxuICB0dXJxdW9pc2U6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JUdXJxdW9pc2U5NSxcbiAgfSxcbiAgYnJvd246IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTUsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9udFNpemUgPSAoXG4gIGF2YXRhckluaXRpYWxzOiBzdHJpbmcsXG4gIGF2YXRhclNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddXG4pID0+IHtcbiAgY29uc3Qgd2lkdGhDb2RlID0gYXZhdGFySW5pdGlhbHMubGVuZ3RoID4gMSA/ICd3aWRlJyA6ICduYXJyb3cnO1xuICByZXR1cm4gZm9udFNpemVNYXBbYXZhdGFyU2l6ZV1bd2lkdGhDb2RlXTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRXaWR0aFNpemUgPSAoYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10pID0+XG4gIHdpZHRoU2l6ZU1hcFthdmF0YXJTaXplXTtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRDb2xvciA9IChcbiAgYXZhdGFyQ29sb3I6IFRBdmF0YXJQcm9wc1snY29sb3InXSA9ICdhY2NlbnQnLFxuICBpc0hpZ2hsaWdodGVkOiBUQXZhdGFyUHJvcHNbJ2lzSGlnaGxpZ2h0ZWQnXVxuKSA9PiBjb2xvcnNNYXBbYXZhdGFyQ29sb3JdW2lzSGlnaGxpZ2h0ZWQgPyAnaGlnaGxpZ2h0ZWQnIDogJ25vcm1hbCddO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZENvbG9yID0gKGF2YXRhckNvbG9yOiBUQXZhdGFyUHJvcHNbJ2NvbG9yJ10pID0+IHtcbiAgcmV0dXJuIGF2YXRhckNvbG9yID09PSAnYWNjZW50J1xuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50NDBcbiAgICA6IGRlc2lnblRva2Vuc1tcbiAgICAgICAgYGNvbG9yJHtzdGFydENhc2UoYXZhdGFyQ29sb3IpfTUwYCBhcyBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zXG4gICAgICBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEF2YXRhclN0eWxlcyA9IChhdmF0YXJQcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUoYXZhdGFyUHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGdldEJhY2tncm91bmRDb2xvcihcbiAgICBhdmF0YXJQcm9wcy5jb2xvcixcbiAgICBhdmF0YXJQcm9wcy5pc0hpZ2hsaWdodGVkXG4gICk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihhdmF0YXJQcm9wcy5jb2xvcik7XG4gIHJldHVybiBjc3NgXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRGVmYXVsdH07XG4gICAgZm9udC13ZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmZvbnRXZWlnaHQ2MDB9O1xuICAgIGNvbG9yOiAke2ZvcmVncm91bmRDb2xvcn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmaWxsOiAke2ZvcmVncm91bmRDb2xvcn07XG5cbiAgICBoZWlnaHQ6ICR7YXZhdGFyU2l6ZX07XG4gICAgd2lkdGg6ICR7YXZhdGFyU2l6ZX07XG4gIGA7XG59O1xuIl19 */");
97
+ return /*#__PURE__*/react.css("align-items:center;background-color:", backgroundColor, ";border-radius:100%;font-size:", designSystem.designTokens.fontSize30, ";font-weight:", designSystem.designTokens.fontWeight600, ";color:", foregroundColor, ";display:flex;justify-content:center;overflow:hidden;position:relative;fill:", foregroundColor, ";height:", avatarSize, ";width:", avatarSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getAvatarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdGFydENhc2UgZnJvbSAnbG9kYXNoL3N0YXJ0Q2FzZSc7XG5pbXBvcnQgeyBUQXZhdGFyUHJvcHMgfSBmcm9tICcuL2F2YXRhcic7XG5cbmNvbnN0IGZvbnRTaXplTWFwID0ge1xuICBzOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUxMCxcbiAgfSxcbiAgbToge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplNTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplMzAsXG4gIH0sXG4gIGw6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTkwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTgwLFxuICB9LFxufTtcblxuY29uc3Qgd2lkdGhTaXplTWFwID0ge1xuICBzOiAnMzJweCcsXG4gIG06ICc0MHB4JyxcbiAgbDogJzEwMHB4Jyxcbn07XG5cbmNvbnN0IGNvbG9yc01hcCA9IHtcbiAgYWNjZW50OiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTUsXG4gIH0sXG4gIHB1cnBsZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTk1LFxuICB9LFxuICB0dXJxdW9pc2U6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JUdXJxdW9pc2U5NSxcbiAgfSxcbiAgYnJvd246IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTUsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9udFNpemUgPSAoXG4gIGF2YXRhckluaXRpYWxzOiBzdHJpbmcsXG4gIGF2YXRhclNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddXG4pID0+IHtcbiAgY29uc3Qgd2lkdGhDb2RlID0gYXZhdGFySW5pdGlhbHMubGVuZ3RoID4gMSA/ICd3aWRlJyA6ICduYXJyb3cnO1xuICByZXR1cm4gZm9udFNpemVNYXBbYXZhdGFyU2l6ZV1bd2lkdGhDb2RlXTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRXaWR0aFNpemUgPSAoYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10pID0+XG4gIHdpZHRoU2l6ZU1hcFthdmF0YXJTaXplXTtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRDb2xvciA9IChcbiAgYXZhdGFyQ29sb3I6IFRBdmF0YXJQcm9wc1snY29sb3InXSA9ICdhY2NlbnQnLFxuICBpc0hpZ2hsaWdodGVkOiBUQXZhdGFyUHJvcHNbJ2lzSGlnaGxpZ2h0ZWQnXVxuKSA9PiBjb2xvcnNNYXBbYXZhdGFyQ29sb3JdW2lzSGlnaGxpZ2h0ZWQgPyAnaGlnaGxpZ2h0ZWQnIDogJ25vcm1hbCddO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZENvbG9yID0gKGF2YXRhckNvbG9yOiBUQXZhdGFyUHJvcHNbJ2NvbG9yJ10pID0+IHtcbiAgcmV0dXJuIGF2YXRhckNvbG9yID09PSAnYWNjZW50J1xuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50NDBcbiAgICA6IGRlc2lnblRva2Vuc1tcbiAgICAgICAgYGNvbG9yJHtzdGFydENhc2UoYXZhdGFyQ29sb3IpfTUwYCBhcyBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zXG4gICAgICBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEF2YXRhclN0eWxlcyA9IChhdmF0YXJQcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUoYXZhdGFyUHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGdldEJhY2tncm91bmRDb2xvcihcbiAgICBhdmF0YXJQcm9wcy5jb2xvcixcbiAgICBhdmF0YXJQcm9wcy5pc0hpZ2hsaWdodGVkXG4gICk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihhdmF0YXJQcm9wcy5jb2xvcik7XG4gIHJldHVybiBjc3NgXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2Rlc2lnblRva2Vucy5mb250V2VpZ2h0NjAwfTtcbiAgICBjb2xvcjogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmlsbDogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuXG4gICAgaGVpZ2h0OiAke2F2YXRhclNpemV9O1xuICAgIHdpZHRoOiAke2F2YXRhclNpemV9O1xuICBgO1xufTtcbiJdfQ== */");
98
98
  };
99
99
 
100
100
  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; }
@@ -195,7 +195,7 @@ Avatar.defaultProps = defaultProps;
195
195
  var Avatar$1 = Avatar;
196
196
 
197
197
  // NOTE: This string will be replaced on build time with the package version.
198
- var version = "17.1.0";
198
+ var version = "18.1.0";
199
199
 
200
200
  exports["default"] = Avatar$1;
201
201
  exports.version = version;
@@ -93,7 +93,7 @@ const getAvatarStyles = avatarProps => {
93
93
  const avatarSize = getWidthSize(avatarProps.size);
94
94
  const backgroundColor = getBackgroundColor(avatarProps.color, avatarProps.isHighlighted);
95
95
  const foregroundColor = getForegroundColor(avatarProps.color);
96
- return /*#__PURE__*/react.css("align-items:center;background-color:", backgroundColor, ";border-radius:100%;font-size:", designSystem.designTokens.fontSizeDefault, ";font-weight:", designSystem.designTokens.fontWeight600, ";color:", foregroundColor, ";display:flex;justify-content:center;overflow:hidden;position:relative;fill:", foregroundColor, ";height:", avatarSize, ";width:", avatarSize, ";" + ("" ), "" );
96
+ return /*#__PURE__*/react.css("align-items:center;background-color:", backgroundColor, ";border-radius:100%;font-size:", designSystem.designTokens.fontSize30, ";font-weight:", designSystem.designTokens.fontWeight600, ";color:", foregroundColor, ";display:flex;justify-content:center;overflow:hidden;position:relative;fill:", foregroundColor, ";height:", avatarSize, ";width:", avatarSize, ";" + ("" ), "" );
97
97
  };
98
98
 
99
99
  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; }
@@ -186,7 +186,7 @@ Avatar.defaultProps = defaultProps;
186
186
  var Avatar$1 = Avatar;
187
187
 
188
188
  // NOTE: This string will be replaced on build time with the package version.
189
- var version = "17.1.0";
189
+ var version = "18.1.0";
190
190
 
191
191
  exports["default"] = Avatar$1;
192
192
  exports.version = version;
@@ -73,7 +73,7 @@ const getAvatarStyles = avatarProps => {
73
73
  const avatarSize = getWidthSize(avatarProps.size);
74
74
  const backgroundColor = getBackgroundColor(avatarProps.color, avatarProps.isHighlighted);
75
75
  const foregroundColor = getForegroundColor(avatarProps.color);
76
- return /*#__PURE__*/css("align-items:center;background-color:", backgroundColor, ";border-radius:100%;font-size:", designTokens.fontSizeDefault, ";font-weight:", designTokens.fontWeight600, ";color:", foregroundColor, ";display:flex;justify-content:center;overflow:hidden;position:relative;fill:", foregroundColor, ";height:", avatarSize, ";width:", avatarSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getAvatarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdGFydENhc2UgZnJvbSAnbG9kYXNoL3N0YXJ0Q2FzZSc7XG5pbXBvcnQgeyBUQXZhdGFyUHJvcHMgfSBmcm9tICcuL2F2YXRhcic7XG5cbmNvbnN0IGZvbnRTaXplTWFwID0ge1xuICBzOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUxMCxcbiAgfSxcbiAgbToge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplNTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplMzAsXG4gIH0sXG4gIGw6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTkwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTgwLFxuICB9LFxufTtcblxuY29uc3Qgd2lkdGhTaXplTWFwID0ge1xuICBzOiAnMzJweCcsXG4gIG06ICc0MHB4JyxcbiAgbDogJzEwMHB4Jyxcbn07XG5cbmNvbnN0IGNvbG9yc01hcCA9IHtcbiAgYWNjZW50OiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTUsXG4gIH0sXG4gIHB1cnBsZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTk1LFxuICB9LFxuICB0dXJxdW9pc2U6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JUdXJxdW9pc2U5NSxcbiAgfSxcbiAgYnJvd246IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTUsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9udFNpemUgPSAoXG4gIGF2YXRhckluaXRpYWxzOiBzdHJpbmcsXG4gIGF2YXRhclNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddXG4pID0+IHtcbiAgY29uc3Qgd2lkdGhDb2RlID0gYXZhdGFySW5pdGlhbHMubGVuZ3RoID4gMSA/ICd3aWRlJyA6ICduYXJyb3cnO1xuICByZXR1cm4gZm9udFNpemVNYXBbYXZhdGFyU2l6ZV1bd2lkdGhDb2RlXTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRXaWR0aFNpemUgPSAoYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10pID0+XG4gIHdpZHRoU2l6ZU1hcFthdmF0YXJTaXplXTtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRDb2xvciA9IChcbiAgYXZhdGFyQ29sb3I6IFRBdmF0YXJQcm9wc1snY29sb3InXSA9ICdhY2NlbnQnLFxuICBpc0hpZ2hsaWdodGVkOiBUQXZhdGFyUHJvcHNbJ2lzSGlnaGxpZ2h0ZWQnXVxuKSA9PiBjb2xvcnNNYXBbYXZhdGFyQ29sb3JdW2lzSGlnaGxpZ2h0ZWQgPyAnaGlnaGxpZ2h0ZWQnIDogJ25vcm1hbCddO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZENvbG9yID0gKGF2YXRhckNvbG9yOiBUQXZhdGFyUHJvcHNbJ2NvbG9yJ10pID0+IHtcbiAgcmV0dXJuIGF2YXRhckNvbG9yID09PSAnYWNjZW50J1xuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50NDBcbiAgICA6IGRlc2lnblRva2Vuc1tcbiAgICAgICAgYGNvbG9yJHtzdGFydENhc2UoYXZhdGFyQ29sb3IpfTUwYCBhcyBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zXG4gICAgICBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEF2YXRhclN0eWxlcyA9IChhdmF0YXJQcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUoYXZhdGFyUHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGdldEJhY2tncm91bmRDb2xvcihcbiAgICBhdmF0YXJQcm9wcy5jb2xvcixcbiAgICBhdmF0YXJQcm9wcy5pc0hpZ2hsaWdodGVkXG4gICk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihhdmF0YXJQcm9wcy5jb2xvcik7XG4gIHJldHVybiBjc3NgXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRGVmYXVsdH07XG4gICAgZm9udC13ZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmZvbnRXZWlnaHQ2MDB9O1xuICAgIGNvbG9yOiAke2ZvcmVncm91bmRDb2xvcn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmaWxsOiAke2ZvcmVncm91bmRDb2xvcn07XG5cbiAgICBoZWlnaHQ6ICR7YXZhdGFyU2l6ZX07XG4gICAgd2lkdGg6ICR7YXZhdGFyU2l6ZX07XG4gIGA7XG59O1xuIl19 */");
76
+ return /*#__PURE__*/css("align-items:center;background-color:", backgroundColor, ";border-radius:100%;font-size:", designTokens.fontSize30, ";font-weight:", designTokens.fontWeight600, ";color:", foregroundColor, ";display:flex;justify-content:center;overflow:hidden;position:relative;fill:", foregroundColor, ";height:", avatarSize, ";width:", avatarSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getAvatarStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdGFydENhc2UgZnJvbSAnbG9kYXNoL3N0YXJ0Q2FzZSc7XG5pbXBvcnQgeyBUQXZhdGFyUHJvcHMgfSBmcm9tICcuL2F2YXRhcic7XG5cbmNvbnN0IGZvbnRTaXplTWFwID0ge1xuICBzOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUxMCxcbiAgfSxcbiAgbToge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplNTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplMzAsXG4gIH0sXG4gIGw6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTkwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTgwLFxuICB9LFxufTtcblxuY29uc3Qgd2lkdGhTaXplTWFwID0ge1xuICBzOiAnMzJweCcsXG4gIG06ICc0MHB4JyxcbiAgbDogJzEwMHB4Jyxcbn07XG5cbmNvbnN0IGNvbG9yc01hcCA9IHtcbiAgYWNjZW50OiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTUsXG4gIH0sXG4gIHB1cnBsZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTk1LFxuICB9LFxuICB0dXJxdW9pc2U6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JUdXJxdW9pc2U5NSxcbiAgfSxcbiAgYnJvd246IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTUsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9udFNpemUgPSAoXG4gIGF2YXRhckluaXRpYWxzOiBzdHJpbmcsXG4gIGF2YXRhclNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddXG4pID0+IHtcbiAgY29uc3Qgd2lkdGhDb2RlID0gYXZhdGFySW5pdGlhbHMubGVuZ3RoID4gMSA/ICd3aWRlJyA6ICduYXJyb3cnO1xuICByZXR1cm4gZm9udFNpemVNYXBbYXZhdGFyU2l6ZV1bd2lkdGhDb2RlXTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRXaWR0aFNpemUgPSAoYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10pID0+XG4gIHdpZHRoU2l6ZU1hcFthdmF0YXJTaXplXTtcblxuZXhwb3J0IGNvbnN0IGdldEJhY2tncm91bmRDb2xvciA9IChcbiAgYXZhdGFyQ29sb3I6IFRBdmF0YXJQcm9wc1snY29sb3InXSA9ICdhY2NlbnQnLFxuICBpc0hpZ2hsaWdodGVkOiBUQXZhdGFyUHJvcHNbJ2lzSGlnaGxpZ2h0ZWQnXVxuKSA9PiBjb2xvcnNNYXBbYXZhdGFyQ29sb3JdW2lzSGlnaGxpZ2h0ZWQgPyAnaGlnaGxpZ2h0ZWQnIDogJ25vcm1hbCddO1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9yZWdyb3VuZENvbG9yID0gKGF2YXRhckNvbG9yOiBUQXZhdGFyUHJvcHNbJ2NvbG9yJ10pID0+IHtcbiAgcmV0dXJuIGF2YXRhckNvbG9yID09PSAnYWNjZW50J1xuICAgID8gZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50NDBcbiAgICA6IGRlc2lnblRva2Vuc1tcbiAgICAgICAgYGNvbG9yJHtzdGFydENhc2UoYXZhdGFyQ29sb3IpfTUwYCBhcyBrZXlvZiB0eXBlb2YgZGVzaWduVG9rZW5zXG4gICAgICBdO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEF2YXRhclN0eWxlcyA9IChhdmF0YXJQcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUoYXZhdGFyUHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGdldEJhY2tncm91bmRDb2xvcihcbiAgICBhdmF0YXJQcm9wcy5jb2xvcixcbiAgICBhdmF0YXJQcm9wcy5pc0hpZ2hsaWdodGVkXG4gICk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihhdmF0YXJQcm9wcy5jb2xvcik7XG4gIHJldHVybiBjc3NgXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2Rlc2lnblRva2Vucy5mb250V2VpZ2h0NjAwfTtcbiAgICBjb2xvcjogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmlsbDogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuXG4gICAgaGVpZ2h0OiAke2F2YXRhclNpemV9O1xuICAgIHdpZHRoOiAke2F2YXRhclNpemV9O1xuICBgO1xufTtcbiJdfQ== */");
77
77
  };
78
78
 
79
79
  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; }
@@ -174,6 +174,6 @@ Avatar.defaultProps = defaultProps;
174
174
  var Avatar$1 = Avatar;
175
175
 
176
176
  // NOTE: This string will be replaced on build time with the package version.
177
- var version = "17.1.0";
177
+ var version = "18.1.0";
178
178
 
179
179
  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": "17.1.0",
4
+ "version": "18.1.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": "17.1.0",
25
- "@commercetools-uikit/utils": "17.1.0",
24
+ "@commercetools-uikit/design-system": "18.1.0",
25
+ "@commercetools-uikit/utils": "18.1.0",
26
26
  "@emotion/react": "^11.10.5",
27
27
  "@emotion/styled": "^11.10.5",
28
28
  "lodash": "4.17.21",