@atlaskit/profilecard 19.7.13 → 19.7.15

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/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/profilecard
2
2
 
3
+ ## 19.7.15
4
+
5
+ ### Patch Changes
6
+
7
+ - [#67206](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67206) [`277421c217ae`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/277421c217ae) - PTC-8511 ENGHEALTH-5595 fix deprecated token
8
+
9
+ ## 19.7.14
10
+
11
+ ### Patch Changes
12
+
13
+ - [#66217](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66217) [`60bb0cdab810`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/60bb0cdab810) - Without providing button attribute in the hover state, it won't trigger by keyboard. That's why, we are providing button behavior as default to profilecard component.
14
+ - Updated dependencies
15
+
3
16
  ## 19.7.13
4
17
 
5
18
  ### Patch Changes
@@ -57,7 +57,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
57
57
  headers.append('X-ExperimentalApi', 'teams-beta');
58
58
  headers.append('X-ExperimentalApi', 'team-members-beta');
59
59
  headers.append('atl-client-name', "@atlaskit/profilecard");
60
- headers.append('atl-client-version', "19.7.13");
60
+ headers.append('atl-client-version', "19.7.15");
61
61
  return headers;
62
62
  };
63
63
  function getTeamFromAGG(_x, _x2, _x3) {
@@ -286,7 +286,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
286
286
  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, innerProps, _this3.containerListeners, {
287
287
  ref: ref,
288
288
  "data-testid": _this3.props.testId,
289
- role: _this3.props.trigger === 'click' ? 'button' : 'dialog',
289
+ role: "button",
290
290
  tabIndex: 0
291
291
  }), _this3.props.children);
292
292
  },
@@ -35,7 +35,7 @@ var CardContent = exports.CardContent = _styled.default.div(_templateObject10 ||
35
35
 
36
36
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
37
37
  var DetailsGroup = exports.DetailsGroup = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n width: ", "px;\n"])), (0, _constants.gridSize)() * 14.5, (0, _constants.gridSize)() * 24.5);
38
- var DisabledInfo = exports.DisabledInfo = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", "px;\n color: ", ";\n margin: ", " 0 0 0;\n line-height: ", ";\n"])), _constants.fontSizeSmall, _constants2.labelTextColor, "var(--ds-space-150, 12px)", "var(--ds-font-lineHeight-100, 16px)");
38
+ var DisabledInfo = exports.DisabledInfo = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", "px;\n color: ", ";\n margin: ", " 0 0 0;\n line-height: 16px;\n"])), _constants.fontSizeSmall, _constants2.labelTextColor, "var(--ds-space-150, 12px)");
39
39
  var FullNameLabel = exports.FullNameLabel = _styled.default.h2(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n font-size: 18px;\n font-weight: 400;\n letter-spacing: normal;\n color: ", ";\n margin: ", ";\n line-height: ", "em;\n :first-child {\n margin: ", ";\n }\n"])), function (props) {
40
40
  return props.isDisabledAccount ? _constants2.headerTextColorInactive : _constants2.headerTextColor;
41
41
  }, function (props) {
@@ -57,6 +57,6 @@ var CardContainer = exports.CardContainer = _styled.default.div(_templateObject1
57
57
  }, function (props) {
58
58
  return props.withoutElevation ? '' : "".concat((0, _constants.borderRadius)(), "px");
59
59
  });
60
- var DetailsLabel = exports.DetailsLabel = _styled.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n line-height: ", ";\n font-size: ", "px;\n margin: ", " 0 0 0;\n white-space: nowrap;\n\n & + & {\n margin-top: ", ";\n }\n"])), "var(--ds-font-lineHeight-300, 24px)", (0, _constants.gridSize)() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
60
+ var DetailsLabel = exports.DetailsLabel = _styled.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n line-height: 24px;\n font-size: ", "px;\n margin: ", " 0 0 0;\n white-space: nowrap;\n\n & + & {\n margin-top: ", ";\n }\n"])), (0, _constants.gridSize)() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
61
61
  var DetailsLabelIcon = exports.DetailsLabelIcon = _styled.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-shrink: 0;\n color: ", ";\n width: ", ";\n height: ", ";\n padding: ", ";\n vertical-align: top;\n\n svg {\n width: 100%;\n height: 100%;\n }\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
62
62
  var DetailsLabelText = exports.DetailsLabelText = _styled.default.span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n text-overflow: ellipsis;\n color: ", ";\n padding-left: ", ";\n"])), _constants2.labelTextColor, "var(--ds-space-050, 4px)");
@@ -44,7 +44,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
44
44
  actionSubjectId: actionSubjectId,
45
45
  attributes: _objectSpread(_objectSpread({
46
46
  packageName: "@atlaskit/profilecard",
47
- packageVersion: "19.7.13"
47
+ packageVersion: "19.7.15"
48
48
  }, attributes), {}, {
49
49
  firedAt: Math.round((0, _performance.getPageTime)())
50
50
  })
@@ -67,7 +67,7 @@ export const addHeaders = headers => {
67
67
  headers.append('X-ExperimentalApi', 'teams-beta');
68
68
  headers.append('X-ExperimentalApi', 'team-members-beta');
69
69
  headers.append('atl-client-name', "@atlaskit/profilecard");
70
- headers.append('atl-client-version', "19.7.13");
70
+ headers.append('atl-client-version', "19.7.15");
71
71
  return headers;
72
72
  };
73
73
  export async function getTeamFromAGG(url, teamId, siteId) {
@@ -241,7 +241,7 @@ class ProfilecardTrigger extends React.PureComponent {
241
241
  return /*#__PURE__*/React.createElement("span", _extends({}, innerProps, this.containerListeners, {
242
242
  ref: ref,
243
243
  "data-testid": this.props.testId,
244
- role: this.props.trigger === 'click' ? 'button' : 'dialog',
244
+ role: "button",
245
245
  tabIndex: 0
246
246
  }), this.props.children);
247
247
  },
@@ -127,7 +127,7 @@ export const DisabledInfo = styled.div`
127
127
  font-size: ${fontSizeSmall}px;
128
128
  color: ${labelTextColor};
129
129
  margin: ${"var(--ds-space-150, 12px)"} 0 0 0;
130
- line-height: ${"var(--ds-font-lineHeight-100, 16px)"};
130
+ line-height: 16px;
131
131
  `;
132
132
  export const FullNameLabel = styled.h2`
133
133
  overflow: hidden;
@@ -215,7 +215,7 @@ export const CardContainer = styled.div`
215
215
  export const DetailsLabel = styled.div`
216
216
  display: flex;
217
217
  align-items: center;
218
- line-height: ${"var(--ds-font-lineHeight-300, 24px)"};
218
+ line-height: 24px;
219
219
  font-size: ${gridSize() * 1.5}px;
220
220
  margin: ${"var(--ds-space-200, 16px)"} 0 0 0;
221
221
  white-space: nowrap;
@@ -31,7 +31,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
31
31
  actionSubjectId,
32
32
  attributes: {
33
33
  packageName: "@atlaskit/profilecard",
34
- packageVersion: "19.7.13",
34
+ packageVersion: "19.7.15",
35
35
  ...attributes,
36
36
  firedAt: Math.round(getPageTime())
37
37
  }
@@ -48,7 +48,7 @@ export var addHeaders = function addHeaders(headers) {
48
48
  headers.append('X-ExperimentalApi', 'teams-beta');
49
49
  headers.append('X-ExperimentalApi', 'team-members-beta');
50
50
  headers.append('atl-client-name', "@atlaskit/profilecard");
51
- headers.append('atl-client-version', "19.7.13");
51
+ headers.append('atl-client-version', "19.7.15");
52
52
  return headers;
53
53
  };
54
54
  export function getTeamFromAGG(_x, _x2, _x3) {
@@ -276,7 +276,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
276
276
  return /*#__PURE__*/React.createElement("span", _extends({}, innerProps, _this3.containerListeners, {
277
277
  ref: ref,
278
278
  "data-testid": _this3.props.testId,
279
- role: _this3.props.trigger === 'click' ? 'button' : 'dialog',
279
+ role: "button",
280
280
  tabIndex: 0
281
281
  }), _this3.props.children);
282
282
  },
@@ -28,7 +28,7 @@ export var CardContent = styled.div(_templateObject10 || (_templateObject10 = _t
28
28
 
29
29
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
30
30
  export var DetailsGroup = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n width: ", "px;\n"])), gridSize() * 14.5, gridSize() * 24.5);
31
- export var DisabledInfo = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: ", "px;\n color: ", ";\n margin: ", " 0 0 0;\n line-height: ", ";\n"])), fontSizeSmall, labelTextColor, "var(--ds-space-150, 12px)", "var(--ds-font-lineHeight-100, 16px)");
31
+ export var DisabledInfo = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: ", "px;\n color: ", ";\n margin: ", " 0 0 0;\n line-height: 16px;\n"])), fontSizeSmall, labelTextColor, "var(--ds-space-150, 12px)");
32
32
  export var FullNameLabel = styled.h2(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n font-size: 18px;\n font-weight: 400;\n letter-spacing: normal;\n color: ", ";\n margin: ", ";\n line-height: ", "em;\n :first-child {\n margin: ", ";\n }\n"])), function (props) {
33
33
  return props.isDisabledAccount ? headerTextColorInactive : headerTextColor;
34
34
  }, function (props) {
@@ -50,6 +50,6 @@ export var CardContainer = styled.div(_templateObject19 || (_templateObject19 =
50
50
  }, function (props) {
51
51
  return props.withoutElevation ? '' : "".concat(borderRadius(), "px");
52
52
  });
53
- export var DetailsLabel = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n line-height: ", ";\n font-size: ", "px;\n margin: ", " 0 0 0;\n white-space: nowrap;\n\n & + & {\n margin-top: ", ";\n }\n"])), "var(--ds-font-lineHeight-300, 24px)", gridSize() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
53
+ export var DetailsLabel = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n line-height: 24px;\n font-size: ", "px;\n margin: ", " 0 0 0;\n white-space: nowrap;\n\n & + & {\n margin-top: ", ";\n }\n"])), gridSize() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
54
54
  export var DetailsLabelIcon = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n display: flex;\n flex-shrink: 0;\n color: ", ";\n width: ", ";\n height: ", ";\n padding: ", ";\n vertical-align: top;\n\n svg {\n width: 100%;\n height: 100%;\n }\n"])), labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
55
55
  export var DetailsLabelText = styled.span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-overflow: ellipsis;\n color: ", ";\n padding-left: ", ";\n"])), labelTextColor, "var(--ds-space-050, 4px)");
@@ -38,7 +38,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
38
38
  actionSubjectId: actionSubjectId,
39
39
  attributes: _objectSpread(_objectSpread({
40
40
  packageName: "@atlaskit/profilecard",
41
- packageVersion: "19.7.13"
41
+ packageVersion: "19.7.15"
42
42
  }, attributes), {}, {
43
43
  firedAt: Math.round(getPageTime())
44
44
  })
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "19.7.13",
3
+ "version": "19.7.15",
4
4
  "description": "A React component to display a card with user information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
7
7
  },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
9
  "author": "Atlassian Pty Ltd",
10
10
  "license": "Apache-2.0",
11
11
  "main": "dist/cjs/index.js",
@@ -59,14 +59,14 @@
59
59
  "@atlaskit/dropdown-menu": "^12.1.0",
60
60
  "@atlaskit/empty-state": "^7.6.0",
61
61
  "@atlaskit/focus-ring": "^1.3.4",
62
- "@atlaskit/give-kudos": "^2.0.0",
62
+ "@atlaskit/give-kudos": "^2.1.0",
63
63
  "@atlaskit/icon": "^22.0.0",
64
- "@atlaskit/lozenge": "^11.5.0",
64
+ "@atlaskit/lozenge": "^11.6.0",
65
65
  "@atlaskit/menu": "^2.1.0",
66
66
  "@atlaskit/popup": "^1.11.0",
67
67
  "@atlaskit/spinner": "^16.0.0",
68
68
  "@atlaskit/theme": "^12.6.0",
69
- "@atlaskit/tokens": "^1.33.0",
69
+ "@atlaskit/tokens": "^1.34.0",
70
70
  "@atlaskit/tooltip": "^18.1.0",
71
71
  "@babel/runtime": "^7.0.0",
72
72
  "@emotion/react": "^11.7.1",