@commercetools-uikit/avatar 19.25.1 → 19.26.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.
@@ -20,7 +20,6 @@ var react$1 = require('react');
20
20
  var react = require('@emotion/react');
21
21
  var utils = require('@commercetools-uikit/utils');
22
22
  var designSystem = require('@commercetools-uikit/design-system');
23
- var startCase = require('lodash/startCase');
24
23
  var jsxRuntime = require('@emotion/react/jsx-runtime');
25
24
 
26
25
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -37,7 +36,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
37
36
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
38
37
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
39
38
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
40
- var startCase__default = /*#__PURE__*/_interopDefault(startCase);
41
39
 
42
40
  const fontSizeMap = {
43
41
  s: {
@@ -88,19 +86,21 @@ const getBackgroundColor = function () {
88
86
  };
89
87
  const getForegroundColor = avatarColor => {
90
88
  switch (avatarColor) {
91
- case 'accent':
92
- return designSystem.designTokens.colorAccent40;
89
+ case 'brown':
90
+ return designSystem.designTokens.colorBrown35;
91
+ case 'purple':
92
+ return designSystem.designTokens.colorPurple50;
93
93
  case 'turquoise':
94
94
  return designSystem.designTokens.colorTurquoise35;
95
95
  default:
96
- return designSystem.designTokens[`color${startCase__default["default"](avatarColor)}50`];
96
+ return designSystem.designTokens.colorAccent30;
97
97
  }
98
98
  };
99
99
  const getAvatarStyles = avatarProps => {
100
100
  const avatarSize = getWidthSize(avatarProps.size);
101
101
  const backgroundColor = getBackgroundColor(avatarProps.color, avatarProps.isHighlighted);
102
102
  const foregroundColor = getForegroundColor(avatarProps.color);
103
- 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdGFydENhc2UgZnJvbSAnbG9kYXNoL3N0YXJ0Q2FzZSc7XG5pbXBvcnQgeyBUQXZhdGFyUHJvcHMgfSBmcm9tICcuL2F2YXRhcic7XG5cbmNvbnN0IGZvbnRTaXplTWFwID0ge1xuICBzOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUxMCxcbiAgfSxcbiAgbToge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplNTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplMzAsXG4gIH0sXG4gIGw6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTkwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTgwLFxuICB9LFxufTtcblxuY29uc3Qgd2lkdGhTaXplTWFwID0ge1xuICBzOiAnMzJweCcsXG4gIG06ICc0MHB4JyxcbiAgbDogJzEwMHB4Jyxcbn07XG5cbmNvbnN0IGNvbG9yc01hcCA9IHtcbiAgYWNjZW50OiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTUsXG4gIH0sXG4gIHB1cnBsZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTk1LFxuICB9LFxuICB0dXJxdW9pc2U6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JUdXJxdW9pc2U5NSxcbiAgfSxcbiAgYnJvd246IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTUsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9udFNpemUgPSAoXG4gIGF2YXRhckluaXRpYWxzOiBzdHJpbmcsXG4gIGF2YXRhclNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddXG4pID0+IHtcbiAgY29uc3Qgd2lkdGhDb2RlID0gYXZhdGFySW5pdGlhbHMubGVuZ3RoID4gMSA/ICd3aWRlJyA6ICduYXJyb3cnO1xuICByZXR1cm4gZm9udFNpemVNYXBbYXZhdGFyU2l6ZSFdW3dpZHRoQ29kZV07XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0V2lkdGhTaXplID0gKGF2YXRhclNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddKSA9PlxuICB3aWR0aFNpemVNYXBbYXZhdGFyU2l6ZSFdO1xuXG5leHBvcnQgY29uc3QgZ2V0QmFja2dyb3VuZENvbG9yID0gKFxuICBhdmF0YXJDb2xvcjogVEF2YXRhclByb3BzWydjb2xvciddID0gJ2FjY2VudCcsXG4gIGlzSGlnaGxpZ2h0ZWQ6IFRBdmF0YXJQcm9wc1snaXNIaWdobGlnaHRlZCddXG4pID0+IGNvbG9yc01hcFthdmF0YXJDb2xvcl1baXNIaWdobGlnaHRlZCA/ICdoaWdobGlnaHRlZCcgOiAnbm9ybWFsJ107XG5cbmV4cG9ydCBjb25zdCBnZXRGb3JlZ3JvdW5kQ29sb3IgPSAoYXZhdGFyQ29sb3I6IFRBdmF0YXJQcm9wc1snY29sb3InXSkgPT4ge1xuICBzd2l0Y2ggKGF2YXRhckNvbG9yKSB7XG4gICAgY2FzZSAnYWNjZW50JzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ0MDtcbiAgICBjYXNlICd0dXJxdW9pc2UnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTM1O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zW1xuICAgICAgICBgY29sb3Ike3N0YXJ0Q2FzZShhdmF0YXJDb2xvcil9NTBgIGFzIGtleW9mIHR5cGVvZiBkZXNpZ25Ub2tlbnNcbiAgICAgIF07XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBnZXRBdmF0YXJTdHlsZXMgPSAoYXZhdGFyUHJvcHM6IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKGF2YXRhclByb3BzLnNpemUpO1xuICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSBnZXRCYWNrZ3JvdW5kQ29sb3IoXG4gICAgYXZhdGFyUHJvcHMuY29sb3IsXG4gICAgYXZhdGFyUHJvcHMuaXNIaWdobGlnaHRlZFxuICApO1xuICBjb25zdCBmb3JlZ3JvdW5kQ29sb3IgPSBnZXRGb3JlZ3JvdW5kQ29sb3IoYXZhdGFyUHJvcHMuY29sb3IpO1xuICByZXR1cm4gY3NzYFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kQ29sb3J9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbiAgICBmb250LXdlaWdodDogJHtkZXNpZ25Ub2tlbnMuZm9udFdlaWdodDYwMH07XG4gICAgY29sb3I6ICR7Zm9yZWdyb3VuZENvbG9yfTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZpbGw6ICR7Zm9yZWdyb3VuZENvbG9yfTtcblxuICAgIGhlaWdodDogJHthdmF0YXJTaXplfTtcbiAgICB3aWR0aDogJHthdmF0YXJTaXplfTtcbiAgYDtcbn07XG4iXX0= */");
103
+ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRBdmF0YXJQcm9wcyB9IGZyb20gJy4vYXZhdGFyJztcblxuY29uc3QgZm9udFNpemVNYXAgPSB7XG4gIHM6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTMwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTEwLFxuICB9LFxuICBtOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemU1MCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgfSxcbiAgbDoge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplOTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplODAsXG4gIH0sXG59O1xuXG5jb25zdCB3aWR0aFNpemVNYXAgPSB7XG4gIHM6ICczMnB4JyxcbiAgbTogJzQwcHgnLFxuICBsOiAnMTAwcHgnLFxufTtcblxuY29uc3QgY29sb3JzTWFwID0ge1xuICBhY2NlbnQ6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckFjY2VudDkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5NSxcbiAgfSxcbiAgcHVycGxlOiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JQdXJwbGU5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTUsXG4gIH0sXG4gIHR1cnF1b2lzZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yVHVycXVvaXNlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTk1LFxuICB9LFxuICBicm93bjoge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yQnJvd245MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQnJvd245NSxcbiAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGb250U2l6ZSA9IChcbiAgYXZhdGFySW5pdGlhbHM6IHN0cmluZyxcbiAgYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ11cbikgPT4ge1xuICBjb25zdCB3aWR0aENvZGUgPSBhdmF0YXJJbml0aWFscy5sZW5ndGggPiAxID8gJ3dpZGUnIDogJ25hcnJvdyc7XG4gIHJldHVybiBmb250U2l6ZU1hcFthdmF0YXJTaXplIV1bd2lkdGhDb2RlXTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRXaWR0aFNpemUgPSAoYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10pID0+XG4gIHdpZHRoU2l6ZU1hcFthdmF0YXJTaXplIV07XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIGF2YXRhckNvbG9yOiBUQXZhdGFyUHJvcHNbJ2NvbG9yJ10gPSAnYWNjZW50JyxcbiAgaXNIaWdobGlnaHRlZDogVEF2YXRhclByb3BzWydpc0hpZ2hsaWdodGVkJ11cbikgPT4gY29sb3JzTWFwW2F2YXRhckNvbG9yXVtpc0hpZ2hsaWdodGVkID8gJ2hpZ2hsaWdodGVkJyA6ICdub3JtYWwnXTtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRDb2xvciA9IChhdmF0YXJDb2xvcjogVEF2YXRhclByb3BzWydjb2xvciddKSA9PiB7XG4gIHN3aXRjaCAoYXZhdGFyQ29sb3IpIHtcbiAgICBjYXNlICdicm93bic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yQnJvd24zNTtcbiAgICBjYXNlICdwdXJwbGUnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTUwO1xuICAgIGNhc2UgJ3R1cnF1b2lzZSc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yVHVycXVvaXNlMzU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQzMDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGdldEF2YXRhclN0eWxlcyA9IChhdmF0YXJQcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUoYXZhdGFyUHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGdldEJhY2tncm91bmRDb2xvcihcbiAgICBhdmF0YXJQcm9wcy5jb2xvcixcbiAgICBhdmF0YXJQcm9wcy5pc0hpZ2hsaWdodGVkXG4gICk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihhdmF0YXJQcm9wcy5jb2xvcik7XG4gIHJldHVybiBjc3NgXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2Rlc2lnblRva2Vucy5mb250V2VpZ2h0NjAwfTtcbiAgICBjb2xvcjogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmlsbDogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuXG4gICAgaGVpZ2h0OiAke2F2YXRhclNpemV9O1xuICAgIHdpZHRoOiAke2F2YXRhclNpemV9O1xuICBgO1xufTtcbiJdfQ== */");
104
104
  };
105
105
 
106
106
  const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
@@ -215,7 +215,7 @@ Avatar.displayName = 'Avatar';
215
215
  var Avatar$1 = Avatar;
216
216
 
217
217
  // NOTE: This string will be replaced on build time with the package version.
218
- var version = "19.25.1";
218
+ var version = "19.26.0";
219
219
 
220
220
  exports["default"] = Avatar$1;
221
221
  exports.version = version;
@@ -20,7 +20,6 @@ var react$1 = require('react');
20
20
  var react = require('@emotion/react');
21
21
  var utils = require('@commercetools-uikit/utils');
22
22
  var designSystem = require('@commercetools-uikit/design-system');
23
- var startCase = require('lodash/startCase');
24
23
  var jsxRuntime = require('@emotion/react/jsx-runtime');
25
24
 
26
25
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -36,7 +35,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
36
35
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
37
36
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
38
37
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
39
- var startCase__default = /*#__PURE__*/_interopDefault(startCase);
40
38
 
41
39
  const fontSizeMap = {
42
40
  s: {
@@ -87,12 +85,14 @@ const getBackgroundColor = function () {
87
85
  };
88
86
  const getForegroundColor = avatarColor => {
89
87
  switch (avatarColor) {
90
- case 'accent':
91
- return designSystem.designTokens.colorAccent40;
88
+ case 'brown':
89
+ return designSystem.designTokens.colorBrown35;
90
+ case 'purple':
91
+ return designSystem.designTokens.colorPurple50;
92
92
  case 'turquoise':
93
93
  return designSystem.designTokens.colorTurquoise35;
94
94
  default:
95
- return designSystem.designTokens[`color${startCase__default["default"](avatarColor)}50`];
95
+ return designSystem.designTokens.colorAccent30;
96
96
  }
97
97
  };
98
98
  const getAvatarStyles = avatarProps => {
@@ -206,7 +206,7 @@ Avatar.displayName = 'Avatar';
206
206
  var Avatar$1 = Avatar;
207
207
 
208
208
  // NOTE: This string will be replaced on build time with the package version.
209
- var version = "19.25.1";
209
+ var version = "19.26.0";
210
210
 
211
211
  exports["default"] = Avatar$1;
212
212
  exports.version = version;
@@ -16,7 +16,6 @@ import { cloneElement } from 'react';
16
16
  import { css } from '@emotion/react';
17
17
  import { filterDataAttributes } from '@commercetools-uikit/utils';
18
18
  import { designTokens } from '@commercetools-uikit/design-system';
19
- import startCase from 'lodash/startCase';
20
19
  import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
21
20
 
22
21
  const fontSizeMap = {
@@ -68,19 +67,21 @@ const getBackgroundColor = function () {
68
67
  };
69
68
  const getForegroundColor = avatarColor => {
70
69
  switch (avatarColor) {
71
- case 'accent':
72
- return designTokens.colorAccent40;
70
+ case 'brown':
71
+ return designTokens.colorBrown35;
72
+ case 'purple':
73
+ return designTokens.colorPurple50;
73
74
  case 'turquoise':
74
75
  return designTokens.colorTurquoise35;
75
76
  default:
76
- return designTokens[`color${startCase(avatarColor)}50`];
77
+ return designTokens.colorAccent30;
77
78
  }
78
79
  };
79
80
  const getAvatarStyles = avatarProps => {
80
81
  const avatarSize = getWidthSize(avatarProps.size);
81
82
  const backgroundColor = getBackgroundColor(avatarProps.color, avatarProps.isHighlighted);
82
83
  const foregroundColor = getForegroundColor(avatarProps.color);
83
- 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdGFydENhc2UgZnJvbSAnbG9kYXNoL3N0YXJ0Q2FzZSc7XG5pbXBvcnQgeyBUQXZhdGFyUHJvcHMgfSBmcm9tICcuL2F2YXRhcic7XG5cbmNvbnN0IGZvbnRTaXplTWFwID0ge1xuICBzOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUxMCxcbiAgfSxcbiAgbToge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplNTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplMzAsXG4gIH0sXG4gIGw6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTkwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTgwLFxuICB9LFxufTtcblxuY29uc3Qgd2lkdGhTaXplTWFwID0ge1xuICBzOiAnMzJweCcsXG4gIG06ICc0MHB4JyxcbiAgbDogJzEwMHB4Jyxcbn07XG5cbmNvbnN0IGNvbG9yc01hcCA9IHtcbiAgYWNjZW50OiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTUsXG4gIH0sXG4gIHB1cnBsZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTk1LFxuICB9LFxuICB0dXJxdW9pc2U6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JUdXJxdW9pc2U5NSxcbiAgfSxcbiAgYnJvd246IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvckJyb3duOTUsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9udFNpemUgPSAoXG4gIGF2YXRhckluaXRpYWxzOiBzdHJpbmcsXG4gIGF2YXRhclNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddXG4pID0+IHtcbiAgY29uc3Qgd2lkdGhDb2RlID0gYXZhdGFySW5pdGlhbHMubGVuZ3RoID4gMSA/ICd3aWRlJyA6ICduYXJyb3cnO1xuICByZXR1cm4gZm9udFNpemVNYXBbYXZhdGFyU2l6ZSFdW3dpZHRoQ29kZV07XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0V2lkdGhTaXplID0gKGF2YXRhclNpemU6IFRBdmF0YXJQcm9wc1snc2l6ZSddKSA9PlxuICB3aWR0aFNpemVNYXBbYXZhdGFyU2l6ZSFdO1xuXG5leHBvcnQgY29uc3QgZ2V0QmFja2dyb3VuZENvbG9yID0gKFxuICBhdmF0YXJDb2xvcjogVEF2YXRhclByb3BzWydjb2xvciddID0gJ2FjY2VudCcsXG4gIGlzSGlnaGxpZ2h0ZWQ6IFRBdmF0YXJQcm9wc1snaXNIaWdobGlnaHRlZCddXG4pID0+IGNvbG9yc01hcFthdmF0YXJDb2xvcl1baXNIaWdobGlnaHRlZCA/ICdoaWdobGlnaHRlZCcgOiAnbm9ybWFsJ107XG5cbmV4cG9ydCBjb25zdCBnZXRGb3JlZ3JvdW5kQ29sb3IgPSAoYXZhdGFyQ29sb3I6IFRBdmF0YXJQcm9wc1snY29sb3InXSkgPT4ge1xuICBzd2l0Y2ggKGF2YXRhckNvbG9yKSB7XG4gICAgY2FzZSAnYWNjZW50JzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ0MDtcbiAgICBjYXNlICd0dXJxdW9pc2UnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTM1O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zW1xuICAgICAgICBgY29sb3Ike3N0YXJ0Q2FzZShhdmF0YXJDb2xvcil9NTBgIGFzIGtleW9mIHR5cGVvZiBkZXNpZ25Ub2tlbnNcbiAgICAgIF07XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBnZXRBdmF0YXJTdHlsZXMgPSAoYXZhdGFyUHJvcHM6IFRBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCBhdmF0YXJTaXplID0gZ2V0V2lkdGhTaXplKGF2YXRhclByb3BzLnNpemUpO1xuICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSBnZXRCYWNrZ3JvdW5kQ29sb3IoXG4gICAgYXZhdGFyUHJvcHMuY29sb3IsXG4gICAgYXZhdGFyUHJvcHMuaXNIaWdobGlnaHRlZFxuICApO1xuICBjb25zdCBmb3JlZ3JvdW5kQ29sb3IgPSBnZXRGb3JlZ3JvdW5kQ29sb3IoYXZhdGFyUHJvcHMuY29sb3IpO1xuICByZXR1cm4gY3NzYFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kQ29sb3J9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbiAgICBmb250LXdlaWdodDogJHtkZXNpZ25Ub2tlbnMuZm9udFdlaWdodDYwMH07XG4gICAgY29sb3I6ICR7Zm9yZWdyb3VuZENvbG9yfTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZpbGw6ICR7Zm9yZWdyb3VuZENvbG9yfTtcblxuICAgIGhlaWdodDogJHthdmF0YXJTaXplfTtcbiAgICB3aWR0aDogJHthdmF0YXJTaXplfTtcbiAgYDtcbn07XG4iXX0= */");
84
+ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImF2YXRhci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZZIiwiZmlsZSI6ImF2YXRhci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRBdmF0YXJQcm9wcyB9IGZyb20gJy4vYXZhdGFyJztcblxuY29uc3QgZm9udFNpemVNYXAgPSB7XG4gIHM6IHtcbiAgICBuYXJyb3c6IGRlc2lnblRva2Vucy5mb250U2l6ZTMwLFxuICAgIHdpZGU6IGRlc2lnblRva2Vucy5mb250U2l6ZTEwLFxuICB9LFxuICBtOiB7XG4gICAgbmFycm93OiBkZXNpZ25Ub2tlbnMuZm9udFNpemU1MCxcbiAgICB3aWRlOiBkZXNpZ25Ub2tlbnMuZm9udFNpemUzMCxcbiAgfSxcbiAgbDoge1xuICAgIG5hcnJvdzogZGVzaWduVG9rZW5zLmZvbnRTaXplOTAsXG4gICAgd2lkZTogZGVzaWduVG9rZW5zLmZvbnRTaXplODAsXG4gIH0sXG59O1xuXG5jb25zdCB3aWR0aFNpemVNYXAgPSB7XG4gIHM6ICczMnB4JyxcbiAgbTogJzQwcHgnLFxuICBsOiAnMTAwcHgnLFxufTtcblxuY29uc3QgY29sb3JzTWFwID0ge1xuICBhY2NlbnQ6IHtcbiAgICBub3JtYWw6IGRlc2lnblRva2Vucy5jb2xvckFjY2VudDkwLFxuICAgIGhpZ2hsaWdodGVkOiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5NSxcbiAgfSxcbiAgcHVycGxlOiB7XG4gICAgbm9ybWFsOiBkZXNpZ25Ub2tlbnMuY29sb3JQdXJwbGU5MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yUHVycGxlOTUsXG4gIH0sXG4gIHR1cnF1b2lzZToge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yVHVycXVvaXNlOTAsXG4gICAgaGlnaGxpZ2h0ZWQ6IGRlc2lnblRva2Vucy5jb2xvclR1cnF1b2lzZTk1LFxuICB9LFxuICBicm93bjoge1xuICAgIG5vcm1hbDogZGVzaWduVG9rZW5zLmNvbG9yQnJvd245MCxcbiAgICBoaWdobGlnaHRlZDogZGVzaWduVG9rZW5zLmNvbG9yQnJvd245NSxcbiAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGb250U2l6ZSA9IChcbiAgYXZhdGFySW5pdGlhbHM6IHN0cmluZyxcbiAgYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ11cbikgPT4ge1xuICBjb25zdCB3aWR0aENvZGUgPSBhdmF0YXJJbml0aWFscy5sZW5ndGggPiAxID8gJ3dpZGUnIDogJ25hcnJvdyc7XG4gIHJldHVybiBmb250U2l6ZU1hcFthdmF0YXJTaXplIV1bd2lkdGhDb2RlXTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRXaWR0aFNpemUgPSAoYXZhdGFyU2l6ZTogVEF2YXRhclByb3BzWydzaXplJ10pID0+XG4gIHdpZHRoU2l6ZU1hcFthdmF0YXJTaXplIV07XG5cbmV4cG9ydCBjb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIGF2YXRhckNvbG9yOiBUQXZhdGFyUHJvcHNbJ2NvbG9yJ10gPSAnYWNjZW50JyxcbiAgaXNIaWdobGlnaHRlZDogVEF2YXRhclByb3BzWydpc0hpZ2hsaWdodGVkJ11cbikgPT4gY29sb3JzTWFwW2F2YXRhckNvbG9yXVtpc0hpZ2hsaWdodGVkID8gJ2hpZ2hsaWdodGVkJyA6ICdub3JtYWwnXTtcblxuZXhwb3J0IGNvbnN0IGdldEZvcmVncm91bmRDb2xvciA9IChhdmF0YXJDb2xvcjogVEF2YXRhclByb3BzWydjb2xvciddKSA9PiB7XG4gIHN3aXRjaCAoYXZhdGFyQ29sb3IpIHtcbiAgICBjYXNlICdicm93bic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yQnJvd24zNTtcbiAgICBjYXNlICdwdXJwbGUnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclB1cnBsZTUwO1xuICAgIGNhc2UgJ3R1cnF1b2lzZSc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yVHVycXVvaXNlMzU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQzMDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGdldEF2YXRhclN0eWxlcyA9IChhdmF0YXJQcm9wczogVEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IGF2YXRhclNpemUgPSBnZXRXaWR0aFNpemUoYXZhdGFyUHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGdldEJhY2tncm91bmRDb2xvcihcbiAgICBhdmF0YXJQcm9wcy5jb2xvcixcbiAgICBhdmF0YXJQcm9wcy5pc0hpZ2hsaWdodGVkXG4gICk7XG4gIGNvbnN0IGZvcmVncm91bmRDb2xvciA9IGdldEZvcmVncm91bmRDb2xvcihhdmF0YXJQcm9wcy5jb2xvcik7XG4gIHJldHVybiBjc3NgXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2Rlc2lnblRva2Vucy5mb250V2VpZ2h0NjAwfTtcbiAgICBjb2xvcjogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmlsbDogJHtmb3JlZ3JvdW5kQ29sb3J9O1xuXG4gICAgaGVpZ2h0OiAke2F2YXRhclNpemV9O1xuICAgIHdpZHRoOiAke2F2YXRhclNpemV9O1xuICBgO1xufTtcbiJdfQ== */");
84
85
  };
85
86
 
86
87
  const _excluded = ["firstName", "lastName", "isHighlighted", "size", "color"];
@@ -195,6 +196,6 @@ Avatar.displayName = 'Avatar';
195
196
  var Avatar$1 = Avatar;
196
197
 
197
198
  // NOTE: This string will be replaced on build time with the package version.
198
- var version = "19.25.1";
199
+ var version = "19.26.0";
199
200
 
200
201
  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.25.1",
4
+ "version": "19.26.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.25.1",
25
- "@commercetools-uikit/utils": "19.25.1",
24
+ "@commercetools-uikit/design-system": "19.26.0",
25
+ "@commercetools-uikit/utils": "19.26.0",
26
26
  "@emotion/react": "^11.10.5",
27
27
  "@emotion/styled": "^11.10.5",
28
28
  "lodash": "4.17.21",