@commercetools-uikit/avatar 17.1.0 → 18.0.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.
|
|
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 = "
|
|
198
|
+
var version = "18.0.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.
|
|
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 = "
|
|
189
|
+
var version = "18.0.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.
|
|
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 = "
|
|
177
|
+
var version = "18.0.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": "
|
|
4
|
+
"version": "18.0.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": "
|
|
25
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/design-system": "18.0.0",
|
|
25
|
+
"@commercetools-uikit/utils": "18.0.0",
|
|
26
26
|
"@emotion/react": "^11.10.5",
|
|
27
27
|
"@emotion/styled": "^11.10.5",
|
|
28
28
|
"lodash": "4.17.21",
|