@atlaskit/profilecard 23.4.1 → 23.4.3

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.
Files changed (20) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/afm-jira/tsconfig.json +3 -0
  4. package/afm-post-office/tsconfig.json +3 -0
  5. package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
  6. package/dist/cjs/client/getTeamFromAGG.js +1 -1
  7. package/dist/cjs/components/team-profile-card/main.compiled.css +6 -7
  8. package/dist/cjs/components/team-profile-card/main.js +30 -40
  9. package/dist/cjs/util/analytics.js +1 -1
  10. package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js +1 -1
  11. package/dist/es2019/client/getTeamFromAGG.js +1 -1
  12. package/dist/es2019/components/team-profile-card/main.compiled.css +6 -7
  13. package/dist/es2019/components/team-profile-card/main.js +19 -28
  14. package/dist/es2019/util/analytics.js +1 -1
  15. package/dist/esm/client/getOrgIdForCloudIdFromAGG.js +1 -1
  16. package/dist/esm/client/getTeamFromAGG.js +1 -1
  17. package/dist/esm/components/team-profile-card/main.compiled.css +6 -7
  18. package/dist/esm/components/team-profile-card/main.js +29 -39
  19. package/dist/esm/util/analytics.js +1 -1
  20. package/package.json +4 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/profilecard
2
2
 
3
+ ## 23.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
8
+ [`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
9
+ Update `@compiled/react` dependency for improved type checking support.
10
+ - Updated dependencies
11
+
12
+ ## 23.4.2
13
+
14
+ ### Patch Changes
15
+
16
+ - [#130443](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130443)
17
+ [`85df6ddb8d6de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85df6ddb8d6de) -
18
+ [ux] few UI update for the team profile card
19
+
3
20
  ## 23.4.1
4
21
 
5
22
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -83,6 +83,9 @@
83
83
  {
84
84
  "path": "../../../design-system/spinner/afm-cc/tsconfig.json"
85
85
  },
86
+ {
87
+ "path": "../../teams-avatar/afm-cc/tsconfig.json"
88
+ },
86
89
  {
87
90
  "path": "../../../design-system/theme/afm-cc/tsconfig.json"
88
91
  },
package/afm-jira/tsconfig.json CHANGED
@@ -83,6 +83,9 @@
83
83
  {
84
84
  "path": "../../../design-system/spinner/afm-jira/tsconfig.json"
85
85
  },
86
+ {
87
+ "path": "../../teams-avatar/afm-jira/tsconfig.json"
88
+ },
86
89
  {
87
90
  "path": "../../../design-system/theme/afm-jira/tsconfig.json"
88
91
  },
package/afm-post-office/tsconfig.json CHANGED
@@ -83,6 +83,9 @@
83
83
  {
84
84
  "path": "../../../design-system/spinner/afm-post-office/tsconfig.json"
85
85
  },
86
+ {
87
+ "path": "../../teams-avatar/afm-post-office/tsconfig.json"
88
+ },
86
89
  {
87
90
  "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
88
91
  },
package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js CHANGED
@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
11
11
  var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
12
12
  var addHeaders = function addHeaders(headers) {
13
13
  headers.append('atl-client-name', "@atlaskit/profilecard");
14
- headers.append('atl-client-version', "23.4.1");
14
+ headers.append('atl-client-version', "23.4.3");
15
15
  return headers;
16
16
  };
17
17
  function getOrgIdForCloudIdFromAGG(_x, _x2) {
package/dist/cjs/client/getTeamFromAGG.js CHANGED
@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
66
66
  headers.append('X-ExperimentalApi', 'teams-beta');
67
67
  headers.append('X-ExperimentalApi', 'team-members-beta');
68
68
  headers.append('atl-client-name', "@atlaskit/profilecard");
69
- headers.append('atl-client-version', "23.4.1");
69
+ headers.append('atl-client-version', "23.4.3");
70
70
  return headers;
71
71
  };
72
72
  function getTeamFromAGG(_x, _x2, _x3) {
package/dist/cjs/components/team-profile-card/main.compiled.css CHANGED
@@ -6,27 +6,26 @@
6
6
  ._1dqonqa1{border-style:solid}
7
7
  ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._15a5nqa1{border-top-style:solid}
8
8
  ._18m915vq{overflow-y:hidden}
9
- ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
9
+ ._18u01ejb{margin-left:var(--ds-space-300,24px)}
10
+ ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
10
11
  ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
11
- ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
12
+ ._19pku2gc{margin-top:var(--ds-space-100,8px)}
12
13
  ._1bsb1osq{width:100%}
13
- ._1bsb1w8u{width:80%}
14
14
  ._1bsb5x59{width:340px}
15
- ._1bsbvbgk{width:4pc}
16
15
  ._1e0c1txw{display:flex}
17
16
  ._1i53muej{border-top-color:var(--ds-border,#091e4224)}
18
17
  ._1reo15vq{overflow-x:hidden}
19
18
  ._1ul95x59{min-width:340px}
20
- ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
19
+ ._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
21
20
  ._2lx21bp4{flex-direction:column}
22
21
  ._4cvr1h6o{align-items:center}
23
22
  ._4t3i1ul9{height:30px}
24
23
  ._4t3i1wug{height:auto}
25
- ._4t3ivbgk{height:4pc}
24
+ ._4t3i53f4{height:75pt}
26
25
  ._5ral1dfr{object-fit:cover}
27
26
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
28
- ._c71l53f4{max-height:75pt}
29
27
  ._kqswstnw{position:absolute}
30
28
  ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
31
29
  ._s7n4jp4b{vertical-align:top}
30
+ ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
32
31
  ._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
package/dist/cjs/components/team-profile-card/main.js CHANGED
@@ -14,15 +14,15 @@ var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
14
14
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
15
15
  var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
16
16
  var _compiled = require("@atlaskit/primitives/compiled");
17
+ var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar"));
17
18
  var styles = {
18
19
  wrapperStyles: "_2rkopd34 _v564nm7n _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx21bp4 _1bsb5x59 _1ul95x59 _4t3i1wug",
19
20
  containerStyles: "_otyrpxbi",
20
- avatarImageContainerStyles: "_kqswstnw _18u0utpp",
21
- avatarImageStyles: "_2rkoiti9 _kqswstnw _18u0utpp _4t3ivbgk _1bsbvbgk",
22
- headerImageStyles: "_5ral1dfr _s7n4jp4b _c71l53f4 _1bsb1osq",
23
- teamInformationStyles: "_18u0utpp _19pkxy5q _2hwxutpp",
24
- viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej",
25
- viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1w8u _4t3i1ul9 _19pkpxbi"
21
+ avatarImageStyles: "_kqswstnw _18u01ejb",
22
+ headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i53f4 _1bsb1osq",
23
+ teamInformationStyles: "_18u01ejb _19pku2gc _2hwx1ejb",
24
+ viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
25
+ viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1osq _4t3i1ul9 _19pkpxbi"
26
26
  };
27
27
  var TeamCardWrapper = function TeamCardWrapper(_ref) {
28
28
  var id = _ref.id,
@@ -42,50 +42,42 @@ var HeaderImage = function HeaderImage(_ref2) {
42
42
  alt: "team-header-image"
43
43
  });
44
44
  };
45
- var TeamAvatar = function TeamAvatar(_ref3) {
46
- var avatarUrl = _ref3.avatarUrl;
47
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
48
- as: "img",
49
- src: avatarUrl,
50
- xcss: styles.avatarImageStyles,
51
- alt: "team-avatar-image"
52
- });
53
- };
54
- var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref4) {
55
- var teamId = _ref4.teamId,
56
- displayName = _ref4.displayName,
57
- description = _ref4.description,
58
- avatarImageUrl = _ref4.avatarImageUrl,
59
- headerImageUrl = _ref4.headerImageUrl,
60
- memberAvatars = _ref4.memberAvatars,
61
- memberCount = _ref4.memberCount,
62
- isVerified = _ref4.isVerified,
63
- teamProfileUrl = _ref4.teamProfileUrl;
45
+ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3) {
46
+ var teamId = _ref3.teamId,
47
+ displayName = _ref3.displayName,
48
+ description = _ref3.description,
49
+ avatarImageUrl = _ref3.avatarImageUrl,
50
+ headerImageUrl = _ref3.headerImageUrl,
51
+ memberAvatars = _ref3.memberAvatars,
52
+ memberCount = _ref3.memberCount,
53
+ isVerified = _ref3.isVerified,
54
+ teamProfileUrl = _ref3.teamProfileUrl;
64
55
  return /*#__PURE__*/_react.default.createElement(TeamCardWrapper, {
65
56
  id: teamId
66
57
  }, /*#__PURE__*/_react.default.createElement(HeaderImage, {
67
58
  srcUrl: headerImageUrl
68
59
  }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
69
- space: "space.150",
60
+ space: "space.200",
70
61
  xcss: styles.containerStyles
71
62
  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
72
63
  spread: "space-between",
73
64
  alignBlock: "center"
74
- }, /*#__PURE__*/_react.default.createElement(TeamAvatar, {
75
- avatarUrl: avatarImageUrl
76
- })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
65
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
66
+ xcss: styles.avatarImageStyles
67
+ }, /*#__PURE__*/_react.default.createElement(_teamsAvatar.default, {
68
+ size: "medium",
69
+ src: avatarImageUrl
70
+ }))), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
77
71
  xcss: styles.teamInformationStyles,
78
- space: "space.150"
79
- }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
80
- space: "space.150"
81
- }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
72
+ space: "space.200"
73
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
82
74
  alignBlock: "center"
83
75
  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
84
- size: "small"
76
+ size: "medium"
85
77
  }, displayName), isVerified && /*#__PURE__*/_react.default.createElement(_verifiedTeamIcon.VerifiedTeamIcon, {
86
78
  showTooltip: true
87
79
  })), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
88
- color: "color.text.subtle"
80
+ color: "color.text.subtlest"
89
81
  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
90
82
  defaultMessage: "Contributing team \u2022 {count, plural, one {# member} other {# members}}",
91
83
  values: {
@@ -95,12 +87,10 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref4)
95
87
  }))), /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
96
88
  appearance: "stack",
97
89
  data: memberAvatars
98
- })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
99
- space: "space.050"
100
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
101
- color: "color.text.subtle",
90
+ })), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
91
+ color: "color.text",
102
92
  maxLines: 3
103
- }, description))), teamProfileUrl && /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
93
+ }, description)), teamProfileUrl && /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
104
94
  xcss: styles.viewProfileContainerStyles
105
95
  }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
106
96
  onClick: function onClick() {
package/dist/cjs/util/analytics.js CHANGED
@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
45
45
  actionSubjectId: actionSubjectId,
46
46
  attributes: _objectSpread(_objectSpread({
47
47
  packageName: "@atlaskit/profilecard",
48
- packageVersion: "23.4.1"
48
+ packageVersion: "23.4.3"
49
49
  }, attributes), {}, {
50
50
  firedAt: Math.round((0, _performance.getPageTime)())
51
51
  })
package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js CHANGED
@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
6
6
  }`;
7
7
  const addHeaders = headers => {
8
8
  headers.append('atl-client-name', "@atlaskit/profilecard");
9
- headers.append('atl-client-version', "23.4.1");
9
+ headers.append('atl-client-version', "23.4.3");
10
10
  return headers;
11
11
  };
12
12
  export async function getOrgIdForCloudIdFromAGG(url, cloudId) {
package/dist/es2019/client/getTeamFromAGG.js CHANGED
@@ -75,7 +75,7 @@ export const addHeaders = headers => {
75
75
  headers.append('X-ExperimentalApi', 'teams-beta');
76
76
  headers.append('X-ExperimentalApi', 'team-members-beta');
77
77
  headers.append('atl-client-name', "@atlaskit/profilecard");
78
- headers.append('atl-client-version', "23.4.1");
78
+ headers.append('atl-client-version', "23.4.3");
79
79
  return headers;
80
80
  };
81
81
  export async function getTeamFromAGG(url, teamId, siteId) {
package/dist/es2019/components/team-profile-card/main.compiled.css CHANGED
@@ -6,27 +6,26 @@
6
6
  ._1dqonqa1{border-style:solid}
7
7
  ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._15a5nqa1{border-top-style:solid}
8
8
  ._18m915vq{overflow-y:hidden}
9
- ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
9
+ ._18u01ejb{margin-left:var(--ds-space-300,24px)}
10
+ ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
10
11
  ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
11
- ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
12
+ ._19pku2gc{margin-top:var(--ds-space-100,8px)}
12
13
  ._1bsb1osq{width:100%}
13
- ._1bsb1w8u{width:80%}
14
14
  ._1bsb5x59{width:340px}
15
- ._1bsbvbgk{width:4pc}
16
15
  ._1e0c1txw{display:flex}
17
16
  ._1i53muej{border-top-color:var(--ds-border,#091e4224)}
18
17
  ._1reo15vq{overflow-x:hidden}
19
18
  ._1ul95x59{min-width:340px}
20
- ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
19
+ ._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
21
20
  ._2lx21bp4{flex-direction:column}
22
21
  ._4cvr1h6o{align-items:center}
23
22
  ._4t3i1ul9{height:30px}
24
23
  ._4t3i1wug{height:auto}
25
- ._4t3ivbgk{height:4pc}
24
+ ._4t3i53f4{height:75pt}
26
25
  ._5ral1dfr{object-fit:cover}
27
26
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
28
- ._c71l53f4{max-height:75pt}
29
27
  ._kqswstnw{position:absolute}
30
28
  ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
31
29
  ._s7n4jp4b{vertical-align:top}
30
+ ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
32
31
  ._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
package/dist/es2019/components/team-profile-card/main.js CHANGED
@@ -7,15 +7,15 @@ import AvatarGroup from '@atlaskit/avatar-group';
7
7
  import Heading from '@atlaskit/heading';
8
8
  import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
9
9
  import { Box, Inline, Pressable, Stack, Text } from '@atlaskit/primitives/compiled';
10
+ import TeamAvatar from '@atlaskit/teams-avatar';
10
11
  const styles = {
11
12
  wrapperStyles: "_2rkopd34 _v564nm7n _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx21bp4 _1bsb5x59 _1ul95x59 _4t3i1wug",
12
13
  containerStyles: "_otyrpxbi",
13
- avatarImageContainerStyles: "_kqswstnw _18u0utpp",
14
- avatarImageStyles: "_2rkoiti9 _kqswstnw _18u0utpp _4t3ivbgk _1bsbvbgk",
15
- headerImageStyles: "_5ral1dfr _s7n4jp4b _c71l53f4 _1bsb1osq",
16
- teamInformationStyles: "_18u0utpp _19pkxy5q _2hwxutpp",
17
- viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej",
18
- viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1w8u _4t3i1ul9 _19pkpxbi"
14
+ avatarImageStyles: "_kqswstnw _18u01ejb",
15
+ headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i53f4 _1bsb1osq",
16
+ teamInformationStyles: "_18u01ejb _19pku2gc _2hwx1ejb",
17
+ viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
18
+ viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1osq _4t3i1ul9 _19pkpxbi"
19
19
  };
20
20
  const TeamCardWrapper = ({
21
21
  id,
@@ -33,14 +33,6 @@ const HeaderImage = ({
33
33
  testId: "profile-header-image",
34
34
  alt: "team-header-image"
35
35
  });
36
- const TeamAvatar = ({
37
- avatarUrl
38
- }) => /*#__PURE__*/React.createElement(Box, {
39
- as: "img",
40
- src: avatarUrl,
41
- xcss: styles.avatarImageStyles,
42
- alt: "team-avatar-image"
43
- });
44
36
  export const TeamProfileCard = ({
45
37
  teamId,
46
38
  displayName,
@@ -57,26 +49,27 @@ export const TeamProfileCard = ({
57
49
  }, /*#__PURE__*/React.createElement(HeaderImage, {
58
50
  srcUrl: headerImageUrl
59
51
  }), /*#__PURE__*/React.createElement(Stack, {
60
- space: "space.150",
52
+ space: "space.200",
61
53
  xcss: styles.containerStyles
62
54
  }, /*#__PURE__*/React.createElement(Inline, {
63
55
  spread: "space-between",
64
56
  alignBlock: "center"
57
+ }, /*#__PURE__*/React.createElement(Box, {
58
+ xcss: styles.avatarImageStyles
65
59
  }, /*#__PURE__*/React.createElement(TeamAvatar, {
66
- avatarUrl: avatarImageUrl
67
- })), /*#__PURE__*/React.createElement(Stack, {
60
+ size: "medium",
61
+ src: avatarImageUrl
62
+ }))), /*#__PURE__*/React.createElement(Stack, {
68
63
  xcss: styles.teamInformationStyles,
69
- space: "space.150"
70
- }, /*#__PURE__*/React.createElement(Stack, {
71
- space: "space.150"
72
- }, /*#__PURE__*/React.createElement(Inline, {
64
+ space: "space.200"
65
+ }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
73
66
  alignBlock: "center"
74
67
  }, /*#__PURE__*/React.createElement(Heading, {
75
- size: "small"
68
+ size: "medium"
76
69
  }, displayName), isVerified && /*#__PURE__*/React.createElement(VerifiedTeamIcon, {
77
70
  showTooltip: true
78
71
  })), /*#__PURE__*/React.createElement(Text, {
79
- color: "color.text.subtle"
72
+ color: "color.text.subtlest"
80
73
  }, /*#__PURE__*/React.createElement(FormattedMessage, {
81
74
  defaultMessage: "Contributing team \u2022 {count, plural, one {# member} other {# members}}",
82
75
  values: {
@@ -86,12 +79,10 @@ export const TeamProfileCard = ({
86
79
  }))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(AvatarGroup, {
87
80
  appearance: "stack",
88
81
  data: memberAvatars
89
- })), /*#__PURE__*/React.createElement(Stack, {
90
- space: "space.050"
91
- }, /*#__PURE__*/React.createElement(Text, {
92
- color: "color.text.subtle",
82
+ })), description && /*#__PURE__*/React.createElement(Text, {
83
+ color: "color.text",
93
84
  maxLines: 3
94
- }, description))), teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
85
+ }, description)), teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
95
86
  xcss: styles.viewProfileContainerStyles
96
87
  }, /*#__PURE__*/React.createElement(Pressable, {
97
88
  onClick: () => window.open(teamProfileUrl, '_blank'),
package/dist/es2019/util/analytics.js CHANGED
@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
32
32
  actionSubjectId,
33
33
  attributes: {
34
34
  packageName: "@atlaskit/profilecard",
35
- packageVersion: "23.4.1",
35
+ packageVersion: "23.4.3",
36
36
  ...attributes,
37
37
  firedAt: Math.round(getPageTime())
38
38
  }
package/dist/esm/client/getOrgIdForCloudIdFromAGG.js CHANGED
@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
4
4
  var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
5
5
  var addHeaders = function addHeaders(headers) {
6
6
  headers.append('atl-client-name', "@atlaskit/profilecard");
7
- headers.append('atl-client-version', "23.4.1");
7
+ headers.append('atl-client-version', "23.4.3");
8
8
  return headers;
9
9
  };
10
10
  export function getOrgIdForCloudIdFromAGG(_x, _x2) {
package/dist/esm/client/getTeamFromAGG.js CHANGED
@@ -57,7 +57,7 @@ export var 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', "23.4.1");
60
+ headers.append('atl-client-version', "23.4.3");
61
61
  return headers;
62
62
  };
63
63
  export function getTeamFromAGG(_x, _x2, _x3) {
package/dist/esm/components/team-profile-card/main.compiled.css CHANGED
@@ -6,27 +6,26 @@
6
6
  ._1dqonqa1{border-style:solid}
7
7
  ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._15a5nqa1{border-top-style:solid}
8
8
  ._18m915vq{overflow-y:hidden}
9
- ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
9
+ ._18u01ejb{margin-left:var(--ds-space-300,24px)}
10
+ ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
10
11
  ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
11
- ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
12
+ ._19pku2gc{margin-top:var(--ds-space-100,8px)}
12
13
  ._1bsb1osq{width:100%}
13
- ._1bsb1w8u{width:80%}
14
14
  ._1bsb5x59{width:340px}
15
- ._1bsbvbgk{width:4pc}
16
15
  ._1e0c1txw{display:flex}
17
16
  ._1i53muej{border-top-color:var(--ds-border,#091e4224)}
18
17
  ._1reo15vq{overflow-x:hidden}
19
18
  ._1ul95x59{min-width:340px}
20
- ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}
19
+ ._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
21
20
  ._2lx21bp4{flex-direction:column}
22
21
  ._4cvr1h6o{align-items:center}
23
22
  ._4t3i1ul9{height:30px}
24
23
  ._4t3i1wug{height:auto}
25
- ._4t3ivbgk{height:4pc}
24
+ ._4t3i53f4{height:75pt}
26
25
  ._5ral1dfr{object-fit:cover}
27
26
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
28
- ._c71l53f4{max-height:75pt}
29
27
  ._kqswstnw{position:absolute}
30
28
  ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
31
29
  ._s7n4jp4b{vertical-align:top}
30
+ ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
32
31
  ._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
package/dist/esm/components/team-profile-card/main.js CHANGED
@@ -7,15 +7,15 @@ import AvatarGroup from '@atlaskit/avatar-group';
7
7
  import Heading from '@atlaskit/heading';
8
8
  import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
9
9
  import { Box, Inline, Pressable, Stack, Text } from '@atlaskit/primitives/compiled';
10
+ import TeamAvatar from '@atlaskit/teams-avatar';
10
11
  var styles = {
11
12
  wrapperStyles: "_2rkopd34 _v564nm7n _1reo15vq _18m915vq _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _2lx21bp4 _1bsb5x59 _1ul95x59 _4t3i1wug",
12
13
  containerStyles: "_otyrpxbi",
13
- avatarImageContainerStyles: "_kqswstnw _18u0utpp",
14
- avatarImageStyles: "_2rkoiti9 _kqswstnw _18u0utpp _4t3ivbgk _1bsbvbgk",
15
- headerImageStyles: "_5ral1dfr _s7n4jp4b _c71l53f4 _1bsb1osq",
16
- teamInformationStyles: "_18u0utpp _19pkxy5q _2hwxutpp",
17
- viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej",
18
- viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1w8u _4t3i1ul9 _19pkpxbi"
14
+ avatarImageStyles: "_kqswstnw _18u01ejb",
15
+ headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i53f4 _1bsb1osq",
16
+ teamInformationStyles: "_18u01ejb _19pku2gc _2hwx1ejb",
17
+ viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
18
+ viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1osq _4t3i1ul9 _19pkpxbi"
19
19
  };
20
20
  var TeamCardWrapper = function TeamCardWrapper(_ref) {
21
21
  var id = _ref.id,
@@ -35,50 +35,42 @@ var HeaderImage = function HeaderImage(_ref2) {
35
35
  alt: "team-header-image"
36
36
  });
37
37
  };
38
- var TeamAvatar = function TeamAvatar(_ref3) {
39
- var avatarUrl = _ref3.avatarUrl;
40
- return /*#__PURE__*/React.createElement(Box, {
41
- as: "img",
42
- src: avatarUrl,
43
- xcss: styles.avatarImageStyles,
44
- alt: "team-avatar-image"
45
- });
46
- };
47
- export var TeamProfileCard = function TeamProfileCard(_ref4) {
48
- var teamId = _ref4.teamId,
49
- displayName = _ref4.displayName,
50
- description = _ref4.description,
51
- avatarImageUrl = _ref4.avatarImageUrl,
52
- headerImageUrl = _ref4.headerImageUrl,
53
- memberAvatars = _ref4.memberAvatars,
54
- memberCount = _ref4.memberCount,
55
- isVerified = _ref4.isVerified,
56
- teamProfileUrl = _ref4.teamProfileUrl;
38
+ export var TeamProfileCard = function TeamProfileCard(_ref3) {
39
+ var teamId = _ref3.teamId,
40
+ displayName = _ref3.displayName,
41
+ description = _ref3.description,
42
+ avatarImageUrl = _ref3.avatarImageUrl,
43
+ headerImageUrl = _ref3.headerImageUrl,
44
+ memberAvatars = _ref3.memberAvatars,
45
+ memberCount = _ref3.memberCount,
46
+ isVerified = _ref3.isVerified,
47
+ teamProfileUrl = _ref3.teamProfileUrl;
57
48
  return /*#__PURE__*/React.createElement(TeamCardWrapper, {
58
49
  id: teamId
59
50
  }, /*#__PURE__*/React.createElement(HeaderImage, {
60
51
  srcUrl: headerImageUrl
61
52
  }), /*#__PURE__*/React.createElement(Stack, {
62
- space: "space.150",
53
+ space: "space.200",
63
54
  xcss: styles.containerStyles
64
55
  }, /*#__PURE__*/React.createElement(Inline, {
65
56
  spread: "space-between",
66
57
  alignBlock: "center"
58
+ }, /*#__PURE__*/React.createElement(Box, {
59
+ xcss: styles.avatarImageStyles
67
60
  }, /*#__PURE__*/React.createElement(TeamAvatar, {
68
- avatarUrl: avatarImageUrl
69
- })), /*#__PURE__*/React.createElement(Stack, {
61
+ size: "medium",
62
+ src: avatarImageUrl
63
+ }))), /*#__PURE__*/React.createElement(Stack, {
70
64
  xcss: styles.teamInformationStyles,
71
- space: "space.150"
72
- }, /*#__PURE__*/React.createElement(Stack, {
73
- space: "space.150"
74
- }, /*#__PURE__*/React.createElement(Inline, {
65
+ space: "space.200"
66
+ }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
75
67
  alignBlock: "center"
76
68
  }, /*#__PURE__*/React.createElement(Heading, {
77
- size: "small"
69
+ size: "medium"
78
70
  }, displayName), isVerified && /*#__PURE__*/React.createElement(VerifiedTeamIcon, {
79
71
  showTooltip: true
80
72
  })), /*#__PURE__*/React.createElement(Text, {
81
- color: "color.text.subtle"
73
+ color: "color.text.subtlest"
82
74
  }, /*#__PURE__*/React.createElement(FormattedMessage, {
83
75
  defaultMessage: "Contributing team \u2022 {count, plural, one {# member} other {# members}}",
84
76
  values: {
@@ -88,12 +80,10 @@ export var TeamProfileCard = function TeamProfileCard(_ref4) {
88
80
  }))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(AvatarGroup, {
89
81
  appearance: "stack",
90
82
  data: memberAvatars
91
- })), /*#__PURE__*/React.createElement(Stack, {
92
- space: "space.050"
93
- }, /*#__PURE__*/React.createElement(Text, {
94
- color: "color.text.subtle",
83
+ })), description && /*#__PURE__*/React.createElement(Text, {
84
+ color: "color.text",
95
85
  maxLines: 3
96
- }, description))), teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
86
+ }, description)), teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
97
87
  xcss: styles.viewProfileContainerStyles
98
88
  }, /*#__PURE__*/React.createElement(Pressable, {
99
89
  onClick: function onClick() {
package/dist/esm/util/analytics.js CHANGED
@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
39
39
  actionSubjectId: actionSubjectId,
40
40
  attributes: _objectSpread(_objectSpread({
41
41
  packageName: "@atlaskit/profilecard",
42
- packageVersion: "23.4.1"
42
+ packageVersion: "23.4.3"
43
43
  }, attributes), {}, {
44
44
  firedAt: Math.round(getPageTime())
45
45
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "23.4.1",
3
+ "version": "23.4.3",
4
4
  "description": "A React component to display a card with user information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -64,7 +64,7 @@
64
64
  "@atlaskit/icon": "^25.0.0",
65
65
  "@atlaskit/lozenge": "^12.2.0",
66
66
  "@atlaskit/menu": "^3.1.0",
67
- "@atlaskit/modal-dialog": "^13.3.0",
67
+ "@atlaskit/modal-dialog": "^13.4.0",
68
68
  "@atlaskit/people-teams-ui-public": "^3.1.0",
69
69
  "@atlaskit/platform-feature-flags": "^1.1.0",
70
70
  "@atlaskit/popup": "^2.0.0",
@@ -72,11 +72,12 @@
72
72
  "@atlaskit/rovo-agent-components": "^2.3.0",
73
73
  "@atlaskit/rovo-triggers": "^2.4.0",
74
74
  "@atlaskit/spinner": "^18.0.0",
75
+ "@atlaskit/teams-avatar": "^2.3.0",
75
76
  "@atlaskit/theme": "^18.0.0",
76
77
  "@atlaskit/tokens": "^4.5.0",
77
78
  "@atlaskit/tooltip": "^20.0.0",
78
79
  "@babel/runtime": "^7.0.0",
79
- "@compiled/react": "^0.18.2",
80
+ "@compiled/react": "^0.18.3",
80
81
  "@emotion/react": "^11.7.1",
81
82
  "@emotion/styled": "^11.0.0",
82
83
  "date-fns": "^2.17.0",