@zendeskgarden/react-avatars 8.47.1 → 8.47.2
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.
- package/dist/index.cjs.js +13 -13
- package/dist/index.esm.js +2 -2
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -76,9 +76,9 @@ function _objectWithoutProperties(source, excluded) {
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
var COMPONENT_ID$1 = 'avatars.text';
|
|
79
|
-
var StyledText = styled__default[
|
|
79
|
+
var StyledText = styled__default["default"].span.attrs({
|
|
80
80
|
'data-garden-id': COMPONENT_ID$1,
|
|
81
|
-
'data-garden-version': '8.47.
|
|
81
|
+
'data-garden-version': '8.47.2'
|
|
82
82
|
}).withConfig({
|
|
83
83
|
displayName: "StyledText",
|
|
84
84
|
componentId: "sc-1a6hivh-0"
|
|
@@ -203,9 +203,9 @@ var sizeStyles = function sizeStyles(props) {
|
|
|
203
203
|
}
|
|
204
204
|
return styled.css(["border-radius:", ";width:", " !important;height:", " !important;::before{box-shadow:", ";}& > svg{font-size:", ";}& ", "{line-height:", ";font-size:", ";}"], borderRadius, size, size, boxShadow, svgSize, StyledText, size, fontSize);
|
|
205
205
|
};
|
|
206
|
-
var StyledAvatar = styled__default[
|
|
206
|
+
var StyledAvatar = styled__default["default"].figure.attrs({
|
|
207
207
|
'data-garden-id': COMPONENT_ID,
|
|
208
|
-
'data-garden-version': '8.47.
|
|
208
|
+
'data-garden-version': '8.47.2'
|
|
209
209
|
}).withConfig({
|
|
210
210
|
displayName: "StyledAvatar",
|
|
211
211
|
componentId: "sc-608m04-0"
|
|
@@ -224,7 +224,7 @@ StyledAvatar.defaultProps = {
|
|
|
224
224
|
};
|
|
225
225
|
|
|
226
226
|
var _excluded = ["isSystem", "size", "status", "children", "badge", "surfaceColor", "backgroundColor", "foregroundColor"];
|
|
227
|
-
var Avatar = React__default[
|
|
227
|
+
var Avatar = React__default["default"].forwardRef(function (_ref, ref) {
|
|
228
228
|
var isSystem = _ref.isSystem,
|
|
229
229
|
size = _ref.size,
|
|
230
230
|
status = _ref.status,
|
|
@@ -235,7 +235,7 @@ var Avatar = React__default['default'].forwardRef(function (_ref, ref) {
|
|
|
235
235
|
foregroundColor = _ref.foregroundColor,
|
|
236
236
|
other = _objectWithoutProperties(_ref, _excluded);
|
|
237
237
|
var computedStatus = badge === undefined ? status : 'active';
|
|
238
|
-
return React__default[
|
|
238
|
+
return React__default["default"].createElement(StyledAvatar, _extends({
|
|
239
239
|
ref: ref,
|
|
240
240
|
isSystem: isSystem,
|
|
241
241
|
size: size,
|
|
@@ -250,13 +250,13 @@ var Avatar = React__default['default'].forwardRef(function (_ref, ref) {
|
|
|
250
250
|
});
|
|
251
251
|
Avatar.displayName = 'Avatar';
|
|
252
252
|
Avatar.propTypes = {
|
|
253
|
-
backgroundColor: PropTypes__default[
|
|
254
|
-
foregroundColor: PropTypes__default[
|
|
255
|
-
surfaceColor: PropTypes__default[
|
|
256
|
-
isSystem: PropTypes__default[
|
|
257
|
-
badge: PropTypes__default[
|
|
258
|
-
size: PropTypes__default[
|
|
259
|
-
status: PropTypes__default[
|
|
253
|
+
backgroundColor: PropTypes__default["default"].string,
|
|
254
|
+
foregroundColor: PropTypes__default["default"].string,
|
|
255
|
+
surfaceColor: PropTypes__default["default"].string,
|
|
256
|
+
isSystem: PropTypes__default["default"].bool,
|
|
257
|
+
badge: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
|
|
258
|
+
size: PropTypes__default["default"].oneOf(['extraextrasmall', 'extrasmall', 'small', 'medium', 'large']),
|
|
259
|
+
status: PropTypes__default["default"].oneOf(['available', 'away'])
|
|
260
260
|
};
|
|
261
261
|
Avatar.defaultProps = {
|
|
262
262
|
size: 'medium'
|
package/dist/index.esm.js
CHANGED
|
@@ -68,7 +68,7 @@ function _objectWithoutProperties(source, excluded) {
|
|
|
68
68
|
var COMPONENT_ID$1 = 'avatars.text';
|
|
69
69
|
var StyledText = styled.span.attrs({
|
|
70
70
|
'data-garden-id': COMPONENT_ID$1,
|
|
71
|
-
'data-garden-version': '8.47.
|
|
71
|
+
'data-garden-version': '8.47.2'
|
|
72
72
|
}).withConfig({
|
|
73
73
|
displayName: "StyledText",
|
|
74
74
|
componentId: "sc-1a6hivh-0"
|
|
@@ -195,7 +195,7 @@ var sizeStyles = function sizeStyles(props) {
|
|
|
195
195
|
};
|
|
196
196
|
var StyledAvatar = styled.figure.attrs({
|
|
197
197
|
'data-garden-id': COMPONENT_ID,
|
|
198
|
-
'data-garden-version': '8.47.
|
|
198
|
+
'data-garden-version': '8.47.2'
|
|
199
199
|
}).withConfig({
|
|
200
200
|
displayName: "StyledAvatar",
|
|
201
201
|
componentId: "sc-608m04-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-avatars",
|
|
3
|
-
"version": "8.47.
|
|
3
|
+
"version": "8.47.2",
|
|
4
4
|
"description": "Components relating to avatars in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@zendeskgarden/react-theming": "^8.47.
|
|
34
|
+
"@zendeskgarden/react-theming": "^8.47.2"
|
|
35
35
|
},
|
|
36
36
|
"keywords": [
|
|
37
37
|
"components",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"access": "public"
|
|
44
44
|
},
|
|
45
45
|
"zendeskgarden:src": "src/index.ts",
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
|
|
47
47
|
}
|