@atlaskit/profilecard 23.6.0 → 23.6.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.
Files changed (25) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
  3. package/dist/cjs/client/getTeamFromAGG.js +1 -1
  4. package/dist/cjs/components/team-profile-card/main.compiled.css +3 -0
  5. package/dist/cjs/components/team-profile-card/main.js +5 -3
  6. package/dist/cjs/components/team-profile-card/team-connections/main.compiled.css +5 -9
  7. package/dist/cjs/components/team-profile-card/team-connections/main.js +16 -21
  8. package/dist/cjs/util/analytics.js +1 -1
  9. package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js +1 -1
  10. package/dist/es2019/client/getTeamFromAGG.js +1 -1
  11. package/dist/es2019/components/team-profile-card/main.compiled.css +3 -0
  12. package/dist/es2019/components/team-profile-card/main.js +5 -3
  13. package/dist/es2019/components/team-profile-card/team-connections/main.compiled.css +5 -9
  14. package/dist/es2019/components/team-profile-card/team-connections/main.js +17 -21
  15. package/dist/es2019/util/analytics.js +1 -1
  16. package/dist/esm/client/getOrgIdForCloudIdFromAGG.js +1 -1
  17. package/dist/esm/client/getTeamFromAGG.js +1 -1
  18. package/dist/esm/components/team-profile-card/main.compiled.css +3 -0
  19. package/dist/esm/components/team-profile-card/main.js +5 -3
  20. package/dist/esm/components/team-profile-card/team-connections/main.compiled.css +5 -9
  21. package/dist/esm/components/team-profile-card/team-connections/main.js +16 -21
  22. package/dist/esm/util/analytics.js +1 -1
  23. package/dist/types/components/team-profile-card/team-connections/main.d.ts +1 -1
  24. package/dist/types-ts4.5/components/team-profile-card/team-connections/main.d.ts +1 -1
  25. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/profilecard
2
2
 
3
+ ## 23.6.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#131187](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131187)
8
+ [`b300f83f46aa6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b300f83f46aa6) -
9
+ Add scroll to team connections
10
+ - Updated dependencies
11
+
12
+ ## 23.6.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#131208](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131208)
17
+ [`26ee5c0f97018`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/26ee5c0f97018) -
18
+ few style fixes for profile card
19
+ - Updated dependencies
20
+
3
21
  ## 23.6.0
4
22
 
5
23
  ### Minor Changes
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.6.0");
14
+ headers.append('atl-client-version', "23.6.2");
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.6.0");
69
+ headers.append('atl-client-version', "23.6.2");
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,6 +6,7 @@
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
+ ._18m91wug{overflow-y:auto}
9
10
  ._18u01ejb{margin-left:var(--ds-space-300,24px)}
10
11
  ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
11
12
  ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
@@ -24,8 +25,10 @@
24
25
  ._4t3i53f4{height:75pt}
25
26
  ._5ral1dfr{object-fit:cover}
26
27
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
28
+ ._c71lx2si{max-height:265px}
27
29
  ._kqswstnw{position:absolute}
28
30
  ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
29
31
  ._s7n4jp4b{vertical-align:top}
32
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
30
33
  ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
31
34
  ._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
package/dist/cjs/components/team-profile-card/main.js CHANGED
@@ -27,9 +27,9 @@ var styles = {
27
27
  avatarImageStyles: "_kqswstnw _18u01ejb",
28
28
  headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i53f4 _1bsb1osq",
29
29
  teamInformationStyles: "_18u01ejb _19pku2gc _2hwx1ejb",
30
- teamConnectionStyles: "_18u01ejb _19pkpxbi _2hwx1ejb",
30
+ teamConnectionStyles: "_18u01ejb _19pkpxbi _2hwx1ejb _c71lx2si _18m91wug",
31
31
  viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
32
- viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1osq _4t3i1ul9 _19pkpxbi"
32
+ viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
33
33
  };
34
34
  var TeamCardWrapper = function TeamCardWrapper(_ref) {
35
35
  var id = _ref.id,
@@ -88,7 +88,9 @@ var TeamProfileCard = exports.TeamProfileCard = function TeamProfileCard(_ref3)
88
88
  }))), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
89
89
  xcss: styles.teamInformationStyles,
90
90
  space: "space.200"
91
- }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
91
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
92
+ space: "space.050"
93
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
92
94
  alignBlock: "center"
93
95
  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
94
96
  size: "medium"
package/dist/cjs/components/team-profile-card/team-connections/main.compiled.css CHANGED
@@ -1,12 +1,8 @@
1
1
 
2
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
3
- ._1dqonqa1{border-style:solid}
4
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
5
- ._18u01wug{margin-left:auto}
6
- ._1bah1h6o{justify-content:center}
7
- ._1bsb1ul9{width:30px}
8
- ._1bsbgktf{width:20px}
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._18u01wug{margin-left:auto}
3
+ ._1bsb1tcg{width:24px}
4
+ ._1bsb7vkz{width:1pc}
9
5
  ._1e0c1txw{display:flex}
10
6
  ._4cvr1h6o{align-items:center}
11
- ._4t3i1ul9{height:30px}
12
- ._4t3igktf{height:20px}
7
+ ._4t3i1tcg{height:24px}
8
+ ._4t3i7vkz{height:1pc}
package/dist/cjs/components/team-profile-card/team-connections/main.js CHANGED
@@ -9,18 +9,21 @@ exports.TeamConnections = void 0;
9
9
  require("./main.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
- var _reactIntlNext = require("react-intl-next");
13
- var _logo = require("@atlaskit/logo");
14
12
  var _compiled = require("@atlaskit/primitives/compiled");
13
+ var _teamsPublic = require("@atlaskit/teams-public");
15
14
  var styles = {
16
15
  containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
17
- containerIconStyles: "_2rkoiti9 _4t3i1ul9 _1bsb1ul9",
18
- containerTypeIconButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o _18u01wug _4t3igktf _1bsbgktf"
16
+ containerIconStyles: "_2rkoiti9 _4t3i1tcg _1bsb1tcg",
17
+ containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
19
18
  };
20
19
  var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
21
20
  var containerType = _ref.containerType,
22
21
  title = _ref.title,
23
22
  containerIcon = _ref.containerIcon;
23
+ var _getContainerProperti = (0, _teamsPublic.getContainerProperties)(containerType, 'medium'),
24
+ description = _getContainerProperti.description,
25
+ icon = _getContainerProperti.icon,
26
+ containerTypeText = _getContainerProperti.containerTypeText;
24
27
  return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
25
28
  space: "space.100",
26
29
  xcss: styles.containerWrapperStyles
@@ -32,26 +35,18 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
32
35
  xcss: styles.containerIconStyles
33
36
  }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
34
37
  maxLines: 1,
35
- weight: "medium",
36
38
  color: "color.text"
37
- }, title), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
38
- maxLines: 1,
39
+ }, title), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
40
+ space: "space.050"
41
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
42
+ size: "small",
43
+ color: "color.text.subtlest"
44
+ }, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
45
+ size: "small",
39
46
  color: "color.text.subtlest"
40
- }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
41
- defaultMessage: "Confluence space",
42
- id: "people-and-teams.team-connections.container-type"
43
- }) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
44
- defaultMessage: "Jira project",
45
- id: "people-and-teams.team-connections.container-type"
46
- }))), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
47
+ }, containerTypeText))), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
47
48
  backgroundColor: 'color.background.neutral.subtle',
48
49
  xcss: styles.containerTypeIconButtonStyles,
49
50
  testId: "container-type-icon"
50
- }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/_react.default.createElement(_logo.ConfluenceIcon, {
51
- appearance: "brand",
52
- size: "xsmall"
53
- }) : /*#__PURE__*/_react.default.createElement(_logo.JiraIcon, {
54
- appearance: "brand",
55
- size: "xsmall"
56
- })));
51
+ }, icon));
57
52
  };
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.6.0"
48
+ packageVersion: "23.6.2"
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.6.0");
9
+ headers.append('atl-client-version', "23.6.2");
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.6.0");
78
+ headers.append('atl-client-version', "23.6.2");
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,6 +6,7 @@
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
+ ._18m91wug{overflow-y:auto}
9
10
  ._18u01ejb{margin-left:var(--ds-space-300,24px)}
10
11
  ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
11
12
  ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
@@ -24,8 +25,10 @@
24
25
  ._4t3i53f4{height:75pt}
25
26
  ._5ral1dfr{object-fit:cover}
26
27
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
28
+ ._c71lx2si{max-height:265px}
27
29
  ._kqswstnw{position:absolute}
28
30
  ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
29
31
  ._s7n4jp4b{vertical-align:top}
32
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
30
33
  ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
31
34
  ._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
package/dist/es2019/components/team-profile-card/main.js CHANGED
@@ -17,9 +17,9 @@ const styles = {
17
17
  avatarImageStyles: "_kqswstnw _18u01ejb",
18
18
  headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i53f4 _1bsb1osq",
19
19
  teamInformationStyles: "_18u01ejb _19pku2gc _2hwx1ejb",
20
- teamConnectionStyles: "_18u01ejb _19pkpxbi _2hwx1ejb",
20
+ teamConnectionStyles: "_18u01ejb _19pkpxbi _2hwx1ejb _c71lx2si _18m91wug",
21
21
  viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
22
- viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1osq _4t3i1ul9 _19pkpxbi"
22
+ viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
23
23
  };
24
24
  const TeamCardWrapper = ({
25
25
  id,
@@ -74,7 +74,9 @@ export const TeamProfileCard = ({
74
74
  }))), /*#__PURE__*/React.createElement(Stack, {
75
75
  xcss: styles.teamInformationStyles,
76
76
  space: "space.200"
77
- }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
77
+ }, /*#__PURE__*/React.createElement(Stack, {
78
+ space: "space.050"
79
+ }, /*#__PURE__*/React.createElement(Inline, {
78
80
  alignBlock: "center"
79
81
  }, /*#__PURE__*/React.createElement(Heading, {
80
82
  size: "medium"
package/dist/es2019/components/team-profile-card/team-connections/main.compiled.css CHANGED
@@ -1,12 +1,8 @@
1
1
 
2
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
3
- ._1dqonqa1{border-style:solid}
4
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
5
- ._18u01wug{margin-left:auto}
6
- ._1bah1h6o{justify-content:center}
7
- ._1bsb1ul9{width:30px}
8
- ._1bsbgktf{width:20px}
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._18u01wug{margin-left:auto}
3
+ ._1bsb1tcg{width:24px}
4
+ ._1bsb7vkz{width:1pc}
9
5
  ._1e0c1txw{display:flex}
10
6
  ._4cvr1h6o{align-items:center}
11
- ._4t3i1ul9{height:30px}
12
- ._4t3igktf{height:20px}
7
+ ._4t3i1tcg{height:24px}
8
+ ._4t3i7vkz{height:1pc}
package/dist/es2019/components/team-profile-card/team-connections/main.js CHANGED
@@ -2,19 +2,23 @@
2
2
  import "./main.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { FormattedMessage } from 'react-intl-next';
6
- import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
7
5
  import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
6
+ import { getContainerProperties } from '@atlaskit/teams-public';
8
7
  const styles = {
9
8
  containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
10
- containerIconStyles: "_2rkoiti9 _4t3i1ul9 _1bsb1ul9",
11
- containerTypeIconButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o _18u01wug _4t3igktf _1bsbgktf"
9
+ containerIconStyles: "_2rkoiti9 _4t3i1tcg _1bsb1tcg",
10
+ containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
12
11
  };
13
12
  export const TeamConnections = ({
14
13
  containerType,
15
14
  title,
16
15
  containerIcon
17
16
  }) => {
17
+ const {
18
+ description,
19
+ icon,
20
+ containerTypeText
21
+ } = getContainerProperties(containerType, 'medium');
18
22
  return /*#__PURE__*/React.createElement(Inline, {
19
23
  space: "space.100",
20
24
  xcss: styles.containerWrapperStyles
@@ -26,26 +30,18 @@ export const TeamConnections = ({
26
30
  xcss: styles.containerIconStyles
27
31
  }), /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
28
32
  maxLines: 1,
29
- weight: "medium",
30
33
  color: "color.text"
31
- }, title), /*#__PURE__*/React.createElement(Text, {
32
- maxLines: 1,
34
+ }, title), /*#__PURE__*/React.createElement(Inline, {
35
+ space: "space.050"
36
+ }, /*#__PURE__*/React.createElement(Text, {
37
+ size: "small",
38
+ color: "color.text.subtlest"
39
+ }, description), /*#__PURE__*/React.createElement(Text, {
40
+ size: "small",
33
41
  color: "color.text.subtlest"
34
- }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/React.createElement(FormattedMessage, {
35
- defaultMessage: "Confluence space",
36
- id: "people-and-teams.team-connections.container-type"
37
- }) : /*#__PURE__*/React.createElement(FormattedMessage, {
38
- defaultMessage: "Jira project",
39
- id: "people-and-teams.team-connections.container-type"
40
- }))), /*#__PURE__*/React.createElement(Box, {
42
+ }, containerTypeText))), /*#__PURE__*/React.createElement(Box, {
41
43
  backgroundColor: 'color.background.neutral.subtle',
42
44
  xcss: styles.containerTypeIconButtonStyles,
43
45
  testId: "container-type-icon"
44
- }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/React.createElement(ConfluenceIcon, {
45
- appearance: "brand",
46
- size: "xsmall"
47
- }) : /*#__PURE__*/React.createElement(JiraIcon, {
48
- appearance: "brand",
49
- size: "xsmall"
50
- })));
46
+ }, icon));
51
47
  };
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.6.0",
35
+ packageVersion: "23.6.2",
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.6.0");
7
+ headers.append('atl-client-version', "23.6.2");
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.6.0");
60
+ headers.append('atl-client-version', "23.6.2");
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,6 +6,7 @@
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
+ ._18m91wug{overflow-y:auto}
9
10
  ._18u01ejb{margin-left:var(--ds-space-300,24px)}
10
11
  ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
11
12
  ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
@@ -24,8 +25,10 @@
24
25
  ._4t3i53f4{height:75pt}
25
26
  ._5ral1dfr{object-fit:cover}
26
27
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
28
+ ._c71lx2si{max-height:265px}
27
29
  ._kqswstnw{position:absolute}
28
30
  ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
29
31
  ._s7n4jp4b{vertical-align:top}
32
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
30
33
  ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
31
34
  ._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
package/dist/esm/components/team-profile-card/main.js CHANGED
@@ -17,9 +17,9 @@ var styles = {
17
17
  avatarImageStyles: "_kqswstnw _18u01ejb",
18
18
  headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i53f4 _1bsb1osq",
19
19
  teamInformationStyles: "_18u01ejb _19pku2gc _2hwx1ejb",
20
- teamConnectionStyles: "_18u01ejb _19pkpxbi _2hwx1ejb",
20
+ teamConnectionStyles: "_18u01ejb _19pkpxbi _2hwx1ejb _c71lx2si _18m91wug",
21
21
  viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
22
- viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _1bsb1osq _4t3i1ul9 _19pkpxbi"
22
+ viewProfileButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
23
23
  };
24
24
  var TeamCardWrapper = function TeamCardWrapper(_ref) {
25
25
  var id = _ref.id,
@@ -78,7 +78,9 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
78
78
  }))), /*#__PURE__*/React.createElement(Stack, {
79
79
  xcss: styles.teamInformationStyles,
80
80
  space: "space.200"
81
- }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
81
+ }, /*#__PURE__*/React.createElement(Stack, {
82
+ space: "space.050"
83
+ }, /*#__PURE__*/React.createElement(Inline, {
82
84
  alignBlock: "center"
83
85
  }, /*#__PURE__*/React.createElement(Heading, {
84
86
  size: "medium"
package/dist/esm/components/team-profile-card/team-connections/main.compiled.css CHANGED
@@ -1,12 +1,8 @@
1
1
 
2
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
3
- ._1dqonqa1{border-style:solid}
4
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
5
- ._18u01wug{margin-left:auto}
6
- ._1bah1h6o{justify-content:center}
7
- ._1bsb1ul9{width:30px}
8
- ._1bsbgktf{width:20px}
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._18u01wug{margin-left:auto}
3
+ ._1bsb1tcg{width:24px}
4
+ ._1bsb7vkz{width:1pc}
9
5
  ._1e0c1txw{display:flex}
10
6
  ._4cvr1h6o{align-items:center}
11
- ._4t3i1ul9{height:30px}
12
- ._4t3igktf{height:20px}
7
+ ._4t3i1tcg{height:24px}
8
+ ._4t3i7vkz{height:1pc}
package/dist/esm/components/team-profile-card/team-connections/main.js CHANGED
@@ -2,18 +2,21 @@
2
2
  import "./main.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { FormattedMessage } from 'react-intl-next';
6
- import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
7
5
  import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
6
+ import { getContainerProperties } from '@atlaskit/teams-public';
8
7
  var styles = {
9
8
  containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
10
- containerIconStyles: "_2rkoiti9 _4t3i1ul9 _1bsb1ul9",
11
- containerTypeIconButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o _18u01wug _4t3igktf _1bsbgktf"
9
+ containerIconStyles: "_2rkoiti9 _4t3i1tcg _1bsb1tcg",
10
+ containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
12
11
  };
13
12
  export var TeamConnections = function TeamConnections(_ref) {
14
13
  var containerType = _ref.containerType,
15
14
  title = _ref.title,
16
15
  containerIcon = _ref.containerIcon;
16
+ var _getContainerProperti = getContainerProperties(containerType, 'medium'),
17
+ description = _getContainerProperti.description,
18
+ icon = _getContainerProperti.icon,
19
+ containerTypeText = _getContainerProperti.containerTypeText;
17
20
  return /*#__PURE__*/React.createElement(Inline, {
18
21
  space: "space.100",
19
22
  xcss: styles.containerWrapperStyles
@@ -25,26 +28,18 @@ export var TeamConnections = function TeamConnections(_ref) {
25
28
  xcss: styles.containerIconStyles
26
29
  }), /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
27
30
  maxLines: 1,
28
- weight: "medium",
29
31
  color: "color.text"
30
- }, title), /*#__PURE__*/React.createElement(Text, {
31
- maxLines: 1,
32
+ }, title), /*#__PURE__*/React.createElement(Inline, {
33
+ space: "space.050"
34
+ }, /*#__PURE__*/React.createElement(Text, {
35
+ size: "small",
36
+ color: "color.text.subtlest"
37
+ }, description), /*#__PURE__*/React.createElement(Text, {
38
+ size: "small",
32
39
  color: "color.text.subtlest"
33
- }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/React.createElement(FormattedMessage, {
34
- defaultMessage: "Confluence space",
35
- id: "people-and-teams.team-connections.container-type"
36
- }) : /*#__PURE__*/React.createElement(FormattedMessage, {
37
- defaultMessage: "Jira project",
38
- id: "people-and-teams.team-connections.container-type"
39
- }))), /*#__PURE__*/React.createElement(Box, {
40
+ }, containerTypeText))), /*#__PURE__*/React.createElement(Box, {
40
41
  backgroundColor: 'color.background.neutral.subtle',
41
42
  xcss: styles.containerTypeIconButtonStyles,
42
43
  testId: "container-type-icon"
43
- }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/React.createElement(ConfluenceIcon, {
44
- appearance: "brand",
45
- size: "xsmall"
46
- }) : /*#__PURE__*/React.createElement(JiraIcon, {
47
- appearance: "brand",
48
- size: "xsmall"
49
- })));
44
+ }, icon));
50
45
  };
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.6.0"
42
+ packageVersion: "23.6.2"
43
43
  }, attributes), {}, {
44
44
  firedAt: Math.round(getPageTime())
45
45
  })
package/dist/types/components/team-profile-card/team-connections/main.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import type { LinkedContainerCardProps } from '@atlaskit/teams-public';
2
+ import { type LinkedContainerCardProps } from '@atlaskit/teams-public';
3
3
  export declare const TeamConnections: ({ containerType, title, containerIcon, }: LinkedContainerCardProps) => React.JSX.Element;
package/dist/types-ts4.5/components/team-profile-card/team-connections/main.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import type { LinkedContainerCardProps } from '@atlaskit/teams-public';
2
+ import { type LinkedContainerCardProps } from '@atlaskit/teams-public';
3
3
  export declare const TeamConnections: ({ containerType, title, containerIcon, }: LinkedContainerCardProps) => React.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "23.6.0",
3
+ "version": "23.6.2",
4
4
  "description": "A React component to display a card with user information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -71,10 +71,10 @@
71
71
  "@atlaskit/popup": "^2.0.0",
72
72
  "@atlaskit/primitives": "^14.2.0",
73
73
  "@atlaskit/rovo-agent-components": "^2.3.0",
74
- "@atlaskit/rovo-triggers": "^2.4.0",
74
+ "@atlaskit/rovo-triggers": "^2.5.0",
75
75
  "@atlaskit/spinner": "^18.0.0",
76
76
  "@atlaskit/teams-avatar": "^2.3.0",
77
- "@atlaskit/teams-public": "^0.17.0",
77
+ "@atlaskit/teams-public": "^0.18.0",
78
78
  "@atlaskit/theme": "^18.0.0",
79
79
  "@atlaskit/tokens": "^4.5.0",
80
80
  "@atlaskit/tooltip": "^20.0.0",