@atlaskit/profilecard 19.15.0 → 19.15.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 (27) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/afm-jira/tsconfig.json +79 -0
  4. package/dist/cjs/client/getTeamFromAGG.js +1 -1
  5. package/dist/cjs/components/User/ProfileCardDetails.js +10 -2
  6. package/dist/cjs/styled/Card.js +4 -2
  7. package/dist/cjs/styled/Error.js +2 -0
  8. package/dist/cjs/styled/ReportingLines.js +2 -0
  9. package/dist/cjs/styled/TeamCard.js +1 -1
  10. package/dist/cjs/util/analytics.js +1 -1
  11. package/dist/es2019/client/getTeamFromAGG.js +1 -1
  12. package/dist/es2019/components/User/ProfileCardDetails.js +10 -2
  13. package/dist/es2019/styled/Card.js +7 -2
  14. package/dist/es2019/styled/Error.js +1 -0
  15. package/dist/es2019/styled/ReportingLines.js +1 -0
  16. package/dist/es2019/styled/TeamCard.js +1 -0
  17. package/dist/es2019/util/analytics.js +1 -1
  18. package/dist/esm/client/getTeamFromAGG.js +1 -1
  19. package/dist/esm/components/User/ProfileCardDetails.js +10 -2
  20. package/dist/esm/styled/Card.js +5 -2
  21. package/dist/esm/styled/Error.js +1 -0
  22. package/dist/esm/styled/ReportingLines.js +1 -0
  23. package/dist/esm/styled/TeamCard.js +1 -0
  24. package/dist/esm/util/analytics.js +1 -1
  25. package/dist/types/styled/Card.d.ts +2 -2
  26. package/dist/types-ts4.5/styled/Card.d.ts +2 -2
  27. package/package.json +12 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/profilecard
2
2
 
3
+ ## 19.15.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#112393](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112393)
8
+ [`1dd5c741792c2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1dd5c741792c2) -
9
+ ECA11Y-16: Fix detailed list structure for profilecard
10
+
11
+ ## 19.15.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [#104301](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104301)
16
+ [`fa84aade26f84`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fa84aade26f84) -
17
+ ECA11Y-16: Detailed list markup for profilecard details
18
+
3
19
  ## 19.15.0
4
20
 
5
21
  ### Minor Changes
package/afm-cc/tsconfig.json CHANGED
@@ -60,6 +60,9 @@
60
60
  {
61
61
  "path": "../../../design-system/popup/afm-cc/tsconfig.json"
62
62
  },
63
+ {
64
+ "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
65
+ },
63
66
  {
64
67
  "path": "../../../design-system/spinner/afm-cc/tsconfig.json"
65
68
  },
package/afm-jira/tsconfig.json ADDED
@@ -0,0 +1,79 @@
1
+ {
2
+ "extends": "../../../../tsconfig.products.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__profilecard/app",
7
+ "composite": true,
8
+ "rootDir": "../",
9
+ "baseUrl": "../"
10
+ },
11
+ "include": [
12
+ "../src/**/*.ts",
13
+ "../src/**/*.tsx"
14
+ ],
15
+ "exclude": [
16
+ "../src/**/__tests__/*",
17
+ "../src/**/*.test.*",
18
+ "../src/**/test.*"
19
+ ],
20
+ "references": [
21
+ {
22
+ "path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
23
+ },
24
+ {
25
+ "path": "../../../uip/atlassian-context/afm-jira/tsconfig.json"
26
+ },
27
+ {
28
+ "path": "../../../design-system/avatar/afm-jira/tsconfig.json"
29
+ },
30
+ {
31
+ "path": "../../../design-system/avatar-group/afm-jira/tsconfig.json"
32
+ },
33
+ {
34
+ "path": "../../../design-system/button/afm-jira/tsconfig.json"
35
+ },
36
+ {
37
+ "path": "../../../design-system/dropdown-menu/afm-jira/tsconfig.json"
38
+ },
39
+ {
40
+ "path": "../../../design-system/empty-state/afm-jira/tsconfig.json"
41
+ },
42
+ {
43
+ "path": "../../../design-system/focus-ring/afm-jira/tsconfig.json"
44
+ },
45
+ {
46
+ "path": "../../../team-central/give-kudos/afm-jira/tsconfig.json"
47
+ },
48
+ {
49
+ "path": "../../../design-system/icon/afm-jira/tsconfig.json"
50
+ },
51
+ {
52
+ "path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
53
+ },
54
+ {
55
+ "path": "../../../design-system/menu/afm-jira/tsconfig.json"
56
+ },
57
+ {
58
+ "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
59
+ },
60
+ {
61
+ "path": "../../../design-system/popup/afm-jira/tsconfig.json"
62
+ },
63
+ {
64
+ "path": "../../../design-system/primitives/afm-jira/tsconfig.json"
65
+ },
66
+ {
67
+ "path": "../../../design-system/spinner/afm-jira/tsconfig.json"
68
+ },
69
+ {
70
+ "path": "../../../design-system/theme/afm-jira/tsconfig.json"
71
+ },
72
+ {
73
+ "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
74
+ },
75
+ {
76
+ "path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
77
+ }
78
+ ]
79
+ }
package/dist/cjs/client/getTeamFromAGG.js CHANGED
@@ -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.15.0");
60
+ headers.append('atl-client-version', "19.15.2");
61
61
  return headers;
62
62
  };
63
63
  function getTeamFromAGG(_x, _x2, _x3) {
package/dist/cjs/components/User/ProfileCardDetails.js CHANGED
@@ -10,12 +10,17 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _reactIntlNext = require("react-intl-next");
12
12
  var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
13
+ var _primitives = require("@atlaskit/primitives");
13
14
  var _relativeDate = _interopRequireDefault(require("../../internal/relative-date"));
14
15
  var _messages = _interopRequireDefault(require("../../messages"));
15
16
  var _Card = require("../../styled/Card");
16
17
  var _Icon = require("../Icon");
17
18
  var _ReportingLinesDetails = _interopRequireDefault(require("./ReportingLinesDetails"));
18
19
  var _excluded = ["text"];
20
+ var detailedListWrapperStyles = (0, _primitives.xcss)({
21
+ margin: 'space.0',
22
+ padding: 'space.0'
23
+ });
19
24
  var renderName = function renderName(nickname, fullName, meta) {
20
25
  if (!fullName && !nickname) {
21
26
  return null;
@@ -97,7 +102,10 @@ var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetail
97
102
  }
98
103
  return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/_react.default.createElement(_Card.JobTitleLabel, null, meta), /*#__PURE__*/_react.default.createElement(CustomLozenges, {
99
104
  lozenges: props.customLozenges
100
- }), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
105
+ }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
106
+ as: "dl",
107
+ xcss: detailedListWrapperStyles
108
+ }, /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
101
109
  icon: "email"
102
110
  }, props.email), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
103
111
  icon: "time"
@@ -105,7 +113,7 @@ var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetail
105
113
  icon: "companyName"
106
114
  }, props.companyName), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
107
115
  icon: "location"
108
- }, props.location), /*#__PURE__*/_react.default.createElement(_ReportingLinesDetails.default, {
116
+ }, props.location)), /*#__PURE__*/_react.default.createElement(_ReportingLinesDetails.default, {
109
117
  reportingLines: props.reportingLines,
110
118
  reportingLinesProfileUrl: props.reportingLinesProfileUrl,
111
119
  onReportingLinesClick: props.onReportingLinesClick,
package/dist/cjs/styled/Card.js CHANGED
@@ -15,6 +15,8 @@ var _constants = require("@atlaskit/theme/constants");
15
15
  var _constants2 = require("./constants");
16
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
17
17
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
18
20
  var getFullNameMargin = function getFullNameMargin(props) {
19
21
  return props.noMeta ? "var(--ds-space-400, 32px)".concat(" 0 ", "var(--ds-space-150, 12px)", " 0") : "var(--ds-space-150, 12px)".concat(" 0 0 0");
20
22
  };
@@ -102,7 +104,7 @@ var CardContainer = exports.CardContainer = _styled.default.div(_templateObject1
102
104
  var DetailsLabel = exports.DetailsLabel = _styled.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\talign-items: center;\n\tline-height: 24px;\n\tfont-size: ", "px;\n\tmargin: ", " 0 0 0;\n\twhite-space: nowrap;\n\n\t& + & {\n\t\tmargin-top: ", ";\n\t}\n"])), (0, _constants.gridSize)() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
103
105
 
104
106
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
105
- var DetailsLabelIcon = exports.DetailsLabelIcon = _styled.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
107
+ var DetailsLabelIcon = exports.DetailsLabelIcon = _styled.default.dt(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
106
108
 
107
109
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
108
- var DetailsLabelText = exports.DetailsLabelText = _styled.default.span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tpadding-left: ", ";\n"])), _constants2.labelTextColor, "var(--ds-space-050, 4px)");
110
+ var DetailsLabelText = exports.DetailsLabelText = _styled.default.dd(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tpadding-left: ", ";\n\tmargin-inline-start: 0;\n\tmargin-top: 0;\n"])), _constants2.labelTextColor, "var(--ds-space-050, 4px)");
package/dist/cjs/styled/Error.js CHANGED
@@ -10,6 +10,8 @@ var _colors = require("@atlaskit/theme/colors");
10
10
  var _constants = require("@atlaskit/theme/constants");
11
11
  var _typography = require("@atlaskit/theme/typography");
12
12
  var _constants2 = require("./constants");
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
+
13
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
14
16
  var ErrorWrapper = exports.ErrorWrapper = _styled.default.div({
15
17
  textAlign: 'center',
package/dist/cjs/styled/ReportingLines.js CHANGED
@@ -8,6 +8,8 @@ exports.ReportingLinesSection = exports.ReportingLinesHeading = exports.OffsetWr
8
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
9
  var _constants = require("@atlaskit/theme/constants");
10
10
  var _constants2 = require("./constants");
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
+
11
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
14
  var ReportingLinesSection = exports.ReportingLinesSection = _styled.default.div({
13
15
  // Minor left margin to align better with existing icon fields
package/dist/cjs/styled/TeamCard.js CHANGED
@@ -11,7 +11,7 @@ var _colors = require("@atlaskit/theme/colors");
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var _typography = require("@atlaskit/theme/typography");
13
13
  var _constants2 = require("./constants");
14
- var _templateObject;
14
+ var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
16
16
  var CardTriggerWrapper = exports.CardTriggerWrapper = _styled.default.div({
17
17
  display: 'inherit'
package/dist/cjs/util/analytics.js CHANGED
@@ -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.15.0"
47
+ packageVersion: "19.15.2"
48
48
  }, attributes), {}, {
49
49
  firedAt: Math.round((0, _performance.getPageTime)())
50
50
  })
package/dist/es2019/client/getTeamFromAGG.js CHANGED
@@ -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.15.0");
70
+ headers.append('atl-client-version', "19.15.2");
71
71
  return headers;
72
72
  };
73
73
  export async function getTeamFromAGG(url, teamId, siteId) {
package/dist/es2019/components/User/ProfileCardDetails.js CHANGED
@@ -2,11 +2,16 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
3
  import { FormattedMessage } from 'react-intl-next';
4
4
  import Lozenge from '@atlaskit/lozenge';
5
+ import { Box, xcss } from '@atlaskit/primitives';
5
6
  import relativeDate from '../../internal/relative-date';
6
7
  import messages from '../../messages';
7
8
  import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, FullNameLabel, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
8
9
  import { IconLabel } from '../Icon';
9
10
  import ReportingLinesDetails from './ReportingLinesDetails';
11
+ const detailedListWrapperStyles = xcss({
12
+ margin: 'space.0',
13
+ padding: 'space.0'
14
+ });
10
15
  const renderName = (nickname, fullName, meta) => {
11
16
  if (!fullName && !nickname) {
12
17
  return null;
@@ -91,7 +96,10 @@ export const ProfileCardDetails = props => {
91
96
  }
92
97
  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), /*#__PURE__*/React.createElement(CustomLozenges, {
93
98
  lozenges: props.customLozenges
94
- }), /*#__PURE__*/React.createElement(IconLabel, {
99
+ }), /*#__PURE__*/React.createElement(Box, {
100
+ as: "dl",
101
+ xcss: detailedListWrapperStyles
102
+ }, /*#__PURE__*/React.createElement(IconLabel, {
95
103
  icon: "email"
96
104
  }, props.email), /*#__PURE__*/React.createElement(IconLabel, {
97
105
  icon: "time"
@@ -99,7 +107,7 @@ export const ProfileCardDetails = props => {
99
107
  icon: "companyName"
100
108
  }, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
101
109
  icon: "location"
102
- }, props.location), /*#__PURE__*/React.createElement(ReportingLinesDetails, {
110
+ }, props.location)), /*#__PURE__*/React.createElement(ReportingLinesDetails, {
103
111
  reportingLines: props.reportingLines,
104
112
  reportingLinesProfileUrl: props.reportingLinesProfileUrl,
105
113
  onReportingLinesClick: props.onReportingLinesClick,
package/dist/es2019/styled/Card.js CHANGED
@@ -1,7 +1,10 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
3
3
  import React from 'react';
4
+
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
6
  import { keyframes } from '@emotion/react';
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
8
  import styled from '@emotion/styled';
6
9
  import { B200, N50A, N60A } from '@atlaskit/theme/colors';
7
10
  import { borderRadius, fontSize, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
@@ -266,7 +269,7 @@ export const DetailsLabel = styled.div`
266
269
  `;
267
270
 
268
271
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
269
- export const DetailsLabelIcon = styled.div`
272
+ export const DetailsLabelIcon = styled.dt`
270
273
  display: flex;
271
274
  flex-shrink: 0;
272
275
  color: ${labelIconColor};
@@ -282,9 +285,11 @@ export const DetailsLabelIcon = styled.div`
282
285
  `;
283
286
 
284
287
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
285
- export const DetailsLabelText = styled.span`
288
+ export const DetailsLabelText = styled.dd`
286
289
  overflow: hidden;
287
290
  text-overflow: ellipsis;
288
291
  color: ${labelTextColor};
289
292
  padding-left: ${"var(--ds-space-050, 4px)"};
293
+ margin-inline-start: 0;
294
+ margin-top: 0;
290
295
  `;
package/dist/es2019/styled/Error.js CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import styled from '@emotion/styled';
2
3
  import { N200 } from '@atlaskit/theme/colors';
3
4
  import { gridSize } from '@atlaskit/theme/constants';
package/dist/es2019/styled/ReportingLines.js CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import styled from '@emotion/styled';
2
3
  import { gridSize } from '@atlaskit/theme/constants';
3
4
  import { appLabelTextColor } from './constants';
package/dist/es2019/styled/TeamCard.js CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import styled from '@emotion/styled';
2
3
  import { N20, N200 } from '@atlaskit/theme/colors';
3
4
  import { borderRadius, gridSize } from '@atlaskit/theme/constants';
package/dist/es2019/util/analytics.js CHANGED
@@ -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.15.0",
34
+ packageVersion: "19.15.2",
35
35
  ...attributes,
36
36
  firedAt: Math.round(getPageTime())
37
37
  }
package/dist/esm/client/getTeamFromAGG.js CHANGED
@@ -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.15.0");
51
+ headers.append('atl-client-version', "19.15.2");
52
52
  return headers;
53
53
  };
54
54
  export function getTeamFromAGG(_x, _x2, _x3) {
package/dist/esm/components/User/ProfileCardDetails.js CHANGED
@@ -4,11 +4,16 @@ var _excluded = ["text"];
4
4
  import React from 'react';
5
5
  import { FormattedMessage } from 'react-intl-next';
6
6
  import Lozenge from '@atlaskit/lozenge';
7
+ import { Box, xcss } from '@atlaskit/primitives';
7
8
  import relativeDate from '../../internal/relative-date';
8
9
  import messages from '../../messages';
9
10
  import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, FullNameLabel, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
10
11
  import { IconLabel } from '../Icon';
11
12
  import ReportingLinesDetails from './ReportingLinesDetails';
13
+ var detailedListWrapperStyles = xcss({
14
+ margin: 'space.0',
15
+ padding: 'space.0'
16
+ });
12
17
  var renderName = function renderName(nickname, fullName, meta) {
13
18
  if (!fullName && !nickname) {
14
19
  return null;
@@ -90,7 +95,10 @@ export var ProfileCardDetails = function ProfileCardDetails(props) {
90
95
  }
91
96
  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), /*#__PURE__*/React.createElement(CustomLozenges, {
92
97
  lozenges: props.customLozenges
93
- }), /*#__PURE__*/React.createElement(IconLabel, {
98
+ }), /*#__PURE__*/React.createElement(Box, {
99
+ as: "dl",
100
+ xcss: detailedListWrapperStyles
101
+ }, /*#__PURE__*/React.createElement(IconLabel, {
94
102
  icon: "email"
95
103
  }, props.email), /*#__PURE__*/React.createElement(IconLabel, {
96
104
  icon: "time"
@@ -98,7 +106,7 @@ export var ProfileCardDetails = function ProfileCardDetails(props) {
98
106
  icon: "companyName"
99
107
  }, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
100
108
  icon: "location"
101
- }, props.location), /*#__PURE__*/React.createElement(ReportingLinesDetails, {
109
+ }, props.location)), /*#__PURE__*/React.createElement(ReportingLinesDetails, {
102
110
  reportingLines: props.reportingLines,
103
111
  reportingLinesProfileUrl: props.reportingLinesProfileUrl,
104
112
  onReportingLinesClick: props.onReportingLinesClick,
package/dist/esm/styled/Card.js CHANGED
@@ -3,7 +3,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
4
4
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
5
5
  import React from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
8
  import { keyframes } from '@emotion/react';
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
10
  import styled from '@emotion/styled';
8
11
  import { B200, N50A, N60A } from '@atlaskit/theme/colors';
9
12
  import { borderRadius, fontSize, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
@@ -95,7 +98,7 @@ export var CardContainer = styled.div(_templateObject19 || (_templateObject19 =
95
98
  export var DetailsLabel = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\talign-items: center;\n\tline-height: 24px;\n\tfont-size: ", "px;\n\tmargin: ", " 0 0 0;\n\twhite-space: nowrap;\n\n\t& + & {\n\t\tmargin-top: ", ";\n\t}\n"])), gridSize() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
96
99
 
97
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
98
- export var DetailsLabelIcon = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
101
+ export var DetailsLabelIcon = styled.dt(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
99
102
 
100
103
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
101
- export var DetailsLabelText = styled.span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tpadding-left: ", ";\n"])), labelTextColor, "var(--ds-space-050, 4px)");
104
+ export var DetailsLabelText = styled.dd(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tpadding-left: ", ";\n\tmargin-inline-start: 0;\n\tmargin-top: 0;\n"])), labelTextColor, "var(--ds-space-050, 4px)");
package/dist/esm/styled/Error.js CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import styled from '@emotion/styled';
2
3
  import { N200 } from '@atlaskit/theme/colors';
3
4
  import { gridSize } from '@atlaskit/theme/constants';
package/dist/esm/styled/ReportingLines.js CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import styled from '@emotion/styled';
2
3
  import { gridSize } from '@atlaskit/theme/constants';
3
4
  import { appLabelTextColor } from './constants';
package/dist/esm/styled/TeamCard.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject;
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import styled from '@emotion/styled';
4
5
  import { N20, N200 } from '@atlaskit/theme/colors';
5
6
  import { borderRadius, gridSize } from '@atlaskit/theme/constants';
package/dist/esm/util/analytics.js CHANGED
@@ -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.15.0"
41
+ packageVersion: "19.15.2"
42
42
  }, attributes), {}, {
43
43
  firedAt: Math.round(getPageTime())
44
44
  })
package/dist/types/styled/Card.d.ts CHANGED
@@ -91,9 +91,9 @@ export declare const DetailsLabel: import("@emotion/styled").StyledComponent<{
91
91
  export declare const DetailsLabelIcon: import("@emotion/styled").StyledComponent<{
92
92
  theme?: import("@emotion/react").Theme | undefined;
93
93
  as?: React.ElementType<any> | undefined;
94
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
94
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
95
95
  export declare const DetailsLabelText: import("@emotion/styled").StyledComponent<{
96
96
  theme?: import("@emotion/react").Theme | undefined;
97
97
  as?: React.ElementType<any> | undefined;
98
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
98
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
99
99
  export {};
package/dist/types-ts4.5/styled/Card.d.ts CHANGED
@@ -91,9 +91,9 @@ export declare const DetailsLabel: import("@emotion/styled").StyledComponent<{
91
91
  export declare const DetailsLabelIcon: import("@emotion/styled").StyledComponent<{
92
92
  theme?: import("@emotion/react").Theme | undefined;
93
93
  as?: React.ElementType<any> | undefined;
94
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
94
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
95
95
  export declare const DetailsLabelText: import("@emotion/styled").StyledComponent<{
96
96
  theme?: import("@emotion/react").Theme | undefined;
97
97
  as?: React.ElementType<any> | undefined;
98
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
98
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
99
99
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "19.15.0",
3
+ "version": "19.15.2",
4
4
  "description": "A React component to display a card with user information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -59,17 +59,18 @@
59
59
  "@atlaskit/button": "^17.17.0",
60
60
  "@atlaskit/dropdown-menu": "^12.12.0",
61
61
  "@atlaskit/empty-state": "^7.8.0",
62
- "@atlaskit/focus-ring": "^1.4.0",
62
+ "@atlaskit/focus-ring": "^1.5.0",
63
63
  "@atlaskit/give-kudos": "^2.1.1",
64
- "@atlaskit/icon": "^22.3.0",
65
- "@atlaskit/lozenge": "^11.7.0",
66
- "@atlaskit/menu": "^2.4.0",
64
+ "@atlaskit/icon": "^22.4.0",
65
+ "@atlaskit/lozenge": "^11.8.0",
66
+ "@atlaskit/menu": "^2.5.0",
67
67
  "@atlaskit/platform-feature-flags": "^0.2.4",
68
- "@atlaskit/popup": "^1.18.0",
69
- "@atlaskit/spinner": "^16.1.0",
70
- "@atlaskit/theme": "^12.9.0",
71
- "@atlaskit/tokens": "^1.50.0",
72
- "@atlaskit/tooltip": "^18.4.0",
68
+ "@atlaskit/popup": "^1.19.0",
69
+ "@atlaskit/primitives": "^7.4.0",
70
+ "@atlaskit/spinner": "^16.2.0",
71
+ "@atlaskit/theme": "^12.10.0",
72
+ "@atlaskit/tokens": "^1.51.0",
73
+ "@atlaskit/tooltip": "^18.5.0",
73
74
  "@babel/runtime": "^7.0.0",
74
75
  "@emotion/react": "^11.7.1",
75
76
  "@emotion/styled": "^11.0.0",
@@ -83,6 +84,7 @@
83
84
  "react-dom": "^16.8.0"
84
85
  },
85
86
  "devDependencies": {
87
+ "@af/visual-regression": "*",
86
88
  "@atlassian/ptc-test-utils": "^0.8.0",
87
89
  "@testing-library/react": "^12.1.5",
88
90
  "enzyme": "^3.10.0",