@atlaskit/profilecard 19.14.0 → 19.15.0

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 (42) hide show
  1. package/CHANGELOG.md +1141 -1124
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/compass.yml +0 -2
  4. package/dist/cjs/client/ProfileCardClient.js +7 -0
  5. package/dist/cjs/client/getTeamFromAGG.js +1 -1
  6. package/dist/cjs/components/Team/TeamProfileCardTrigger.js +2 -6
  7. package/dist/cjs/components/User/ProfileCardDetails.js +1 -1
  8. package/dist/cjs/components/User/ProfileCardTrigger.js +2 -6
  9. package/dist/cjs/styled/Card.js +42 -42
  10. package/dist/cjs/styled/Error.js +9 -5
  11. package/dist/cjs/styled/ReportingLines.js +8 -5
  12. package/dist/cjs/styled/TeamCard.js +21 -16
  13. package/dist/cjs/util/analytics.js +1 -1
  14. package/dist/es2019/client/ProfileCardClient.js +7 -0
  15. package/dist/es2019/client/getTeamFromAGG.js +1 -1
  16. package/dist/es2019/components/Team/TeamProfileCardTrigger.js +2 -6
  17. package/dist/es2019/components/User/ProfileCardDetails.js +1 -1
  18. package/dist/es2019/components/User/ProfileCardTrigger.js +2 -6
  19. package/dist/es2019/styled/Card.js +207 -208
  20. package/dist/es2019/styled/Error.js +9 -5
  21. package/dist/es2019/styled/ReportingLines.js +8 -5
  22. package/dist/es2019/styled/TeamCard.js +27 -22
  23. package/dist/es2019/util/analytics.js +1 -1
  24. package/dist/esm/client/ProfileCardClient.js +7 -0
  25. package/dist/esm/client/getTeamFromAGG.js +1 -1
  26. package/dist/esm/components/Team/TeamProfileCardTrigger.js +2 -6
  27. package/dist/esm/components/User/ProfileCardDetails.js +1 -1
  28. package/dist/esm/components/User/ProfileCardTrigger.js +2 -6
  29. package/dist/esm/styled/Card.js +42 -42
  30. package/dist/esm/styled/Error.js +9 -5
  31. package/dist/esm/styled/ReportingLines.js +8 -5
  32. package/dist/esm/styled/TeamCard.js +21 -16
  33. package/dist/esm/util/analytics.js +1 -1
  34. package/dist/types/index.d.ts +1 -1
  35. package/dist/types/types.d.ts +83 -89
  36. package/dist/types-ts4.5/index.d.ts +1 -1
  37. package/dist/types-ts4.5/types.d.ts +83 -89
  38. package/docs/0-intro.tsx +13 -18
  39. package/docs/1-profilecard-trigger.tsx +13 -19
  40. package/docs/2-team-profilecard.tsx +26 -32
  41. package/package.json +119 -117
  42. package/report.api.md +457 -496
@@ -4,47 +4,52 @@ import { borderRadius, gridSize } from '@atlaskit/theme/constants';
4
4
  import { h600 } from '@atlaskit/theme/typography';
5
5
  import { bgColor, teamHeaderBgColor } from './constants';
6
6
 
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
8
  export const CardTriggerWrapper = styled.div({
9
9
  display: 'inherit'
10
10
  });
11
11
 
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
13
13
  export const CardWrapper = styled.div({
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
14
15
  backgroundColor: bgColor,
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
17
  borderRadius: `${borderRadius()}px`,
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
16
19
  width: `${gridSize() * 40}px`,
17
20
  position: 'relative',
18
21
  WebkitFontSmoothing: 'antialiased',
19
22
  MozOsxFontSmoothing: 'grayscale'
20
23
  });
21
24
 
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
23
26
  export const TeamForbiddenErrorStateWrapper = styled.div({
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
24
28
  width: `${gridSize() * 40}px`,
25
29
  position: 'relative'
26
30
  });
27
31
 
28
- // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
32
+ // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
29
33
  export const CardHeader = styled.div`
30
- background-color: ${props => props.isLoading ? `var(--ds-background-neutral, ${N20})` : props.image ? '' : teamHeaderBgColor};
31
- background-image: ${props => props.image ? `url(${props.image})` : ''};
32
- background-repeat: no-repeat;
33
- background-position: center;
34
- background-size: cover;
35
- box-sizing: content-box;
36
- height: ${gridSize() * 16}px;
34
+ background-color: ${props => props.isLoading ? `var(--ds-background-neutral, ${N20})` : props.image ? '' : teamHeaderBgColor};
35
+ background-image: ${props => props.image ? `url(${props.image})` : ''};
36
+ background-repeat: no-repeat;
37
+ background-position: center;
38
+ background-size: cover;
39
+ box-sizing: content-box;
40
+ height: ${gridSize() * 16}px;
37
41
  `;
38
42
 
39
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
40
44
  export const CardContent = styled.div({
41
45
  display: 'flex',
42
46
  flexDirection: 'column',
43
47
  padding: "var(--ds-space-300, 24px)",
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
44
49
  minHeight: `${gridSize() * 13}px`
45
50
  });
46
51
 
47
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
48
53
  export const TeamName = styled.h6(h600, {
49
54
  textTransform: 'none',
50
55
  overflow: 'hidden',
@@ -54,26 +59,26 @@ export const TeamName = styled.h6(h600, {
54
59
  WebkitBoxOrient: 'vertical'
55
60
  });
56
61
 
57
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
58
63
  export const MemberCount = styled.div({
59
64
  color: `var(--ds-text-subtlest, ${N200})`,
60
65
  marginTop: "var(--ds-space-050, 4px)"
61
66
  });
62
67
 
63
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
68
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
64
69
  export const AvatarSection = styled.div({
65
70
  marginTop: "var(--ds-space-200, 16px)",
66
71
  marginLeft: "var(--ds-space-negative-025, -2px)"
67
72
  });
68
73
 
69
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
74
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
70
75
  export const DescriptionWrapper = styled.div({
71
76
  marginTop: "var(--ds-space-200, 16px)",
72
77
  alignItems: 'center',
73
78
  display: 'flex'
74
79
  });
75
80
 
76
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
81
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
77
82
  export const Description = styled.span({
78
83
  overflow: 'hidden',
79
84
  maxHeight: '60px',
@@ -82,7 +87,7 @@ export const Description = styled.span({
82
87
  WebkitBoxOrient: 'vertical'
83
88
  });
84
89
 
85
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
90
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
86
91
  export const ActionButtons = styled.div({
87
92
  width: 'calc(100% + 8px)',
88
93
  display: 'flex',
@@ -91,25 +96,25 @@ export const ActionButtons = styled.div({
91
96
  backgroundColor: "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))"
92
97
  });
93
98
 
94
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
99
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
95
100
  export const WrappedButton = styled.div({
96
101
  flexBasis: 0,
97
102
  flexGrow: 1,
98
103
  marginLeft: "var(--ds-space-100, 8px)"
99
104
  });
100
105
 
101
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
106
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
102
107
  export const MoreButton = styled.div({
103
108
  marginLeft: "var(--ds-space-100, 8px)"
104
109
  });
105
110
 
106
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
111
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
107
112
  export const LoadingWrapper = styled.div({
108
113
  textAlign: 'center',
109
114
  marginTop: "var(--ds-space-500, 40px)"
110
115
  });
111
116
 
112
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
117
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
113
118
  export const AccessLockSVGWrapper = styled.div({
114
119
  marginBottom: "var(--ds-space-300, 24px)"
115
120
  });
@@ -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.14.0",
34
+ packageVersion: "19.15.0",
35
35
  ...attributes,
36
36
  firedAt: Math.round(getPageTime())
37
37
  }
@@ -3,6 +3,8 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
+ import { isFedRamp } from '@atlaskit/atlassian-context';
7
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
6
8
  import TeamCentralCardClient from './TeamCentralCardClient';
7
9
  import TeamProfileCardClient from './TeamProfileCardClient';
8
10
  import UserProfileCardClient from './UserProfileCardClient';
@@ -58,6 +60,11 @@ var ProfileCardClient = /*#__PURE__*/function () {
58
60
  return ProfileCardClient;
59
61
  }();
60
62
  function maybeCreateTeamCentralClient(config, clients) {
63
+ if (getBooleanFF('platform.profilecard-disable-team-central-client-in-fedramp_ilnm7')) {
64
+ if (isFedRamp()) {
65
+ return undefined;
66
+ }
67
+ }
61
68
  if (clients !== null && clients !== void 0 && clients.teamCentralClient) {
62
69
  return clients.teamCentralClient;
63
70
  }
@@ -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.14.0");
51
+ headers.append('atl-client-version', "19.15.0");
52
52
  return headers;
53
53
  };
54
54
  export function getTeamFromAGG(_x, _x2, _x3) {
@@ -172,11 +172,10 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
172
172
  isLoading: true,
173
173
  data: null
174
174
  }, function () {
175
- var _this$props$displayCo;
176
175
  var fireEvent = function fireEvent(event) {
177
176
  _this.fireAnalytics(event);
178
177
  };
179
- var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), (_this$props$displayCo = _this.props.displayConfig) !== null && _this$props$displayCo !== void 0 && _this$props$displayCo.showKudos ? _this.props.resourceClient.shouldShowGiveKudos() : Promise.resolve(false)]);
178
+ var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos()]);
180
179
  requests.then(function (res) {
181
180
  var _this2;
182
181
  return (_this2 = _this).handleClientSuccess.apply(_this2, _toConsumableArray(res));
@@ -379,9 +378,6 @@ _defineProperty(TeamProfileCardTriggerInternal, "defaultProps", {
379
378
  actions: [],
380
379
  trigger: 'hover',
381
380
  position: 'bottom-start',
382
- triggerLinkType: 'link',
383
- displayConfig: {
384
- showKudos: true
385
- }
381
+ triggerLinkType: 'link'
386
382
  });
387
383
  export default withAnalyticsEvents()(TeamProfileCardTriggerInternal);
@@ -34,7 +34,7 @@ var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disab
34
34
  var secondSentence = /*#__PURE__*/React.createElement(FormattedMessage, messages[msgKey]);
35
35
  return /*#__PURE__*/React.createElement("p", {
36
36
  "data-testid": "profilecard-disabled-account"
37
- }, /*#__PURE__*/React.createElement(FormattedMessage, messages.generalDescMsgForDisabledUser), ' ', secondSentence);
37
+ }, /*#__PURE__*/React.createElement(FormattedMessage, messages.generalDescMsgForDisabledUser), " ", secondSentence);
38
38
  };
39
39
  var CustomLozenges = function CustomLozenges(_ref) {
40
40
  var _ref$lozenges = _ref.lozenges,
@@ -140,8 +140,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
140
140
  hasError: false,
141
141
  data: null
142
142
  }, function () {
143
- var _this$props$displayCo;
144
- var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId || '', userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), (_this$props$displayCo = _this.props.displayConfig) !== null && _this$props$displayCo !== void 0 && _this$props$displayCo.showKudos ? _this.props.resourceClient.shouldShowGiveKudos() : Promise.resolve(false)]);
143
+ var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId || '', userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos()]);
145
144
  requests.then(function (res) {
146
145
  var _this2;
147
146
  return (_this2 = _this).handleClientSuccess.apply(_this2, _toConsumableArray(res));
@@ -316,10 +315,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
316
315
  _defineProperty(ProfilecardTrigger, "defaultProps", {
317
316
  actions: [],
318
317
  trigger: 'hover',
319
- position: 'bottom-start',
320
- displayConfig: {
321
- showKudos: true
322
- }
318
+ position: 'bottom-start'
323
319
  });
324
320
  var ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
325
321
  export default function ProfilecardTriggerSwitch(props) {
@@ -12,20 +12,20 @@ var getFullNameMargin = function getFullNameMargin(props) {
12
12
  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");
13
13
  };
14
14
 
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
16
- export var CardWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: ", ";\n width: ", "px;\n"])), bgColor, "var(--ds-border-radius, 3px)", gridSize() * 45);
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
16
+ export var CardWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\twidth: ", "px;\n"])), bgColor, "var(--ds-border-radius, 3px)", gridSize() * 45);
17
17
 
18
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
19
- export var ProfileImage = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n top: ", ";\n left: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
19
+ export var ProfileImage = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tposition: absolute;\n\ttop: ", ";\n\tleft: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
20
20
 
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
22
- export var ActionsFlexSpacer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n flex: 1 0 auto;\n"])));
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
22
+ export var ActionsFlexSpacer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tflex: 1 0 auto;\n"])));
23
23
 
24
24
  // eslint-disable-next-line @atlaskit/design-system/no-keyframes-tagged-template-expression -- needs manual remediation
25
25
  var kudosButtonAnimationTransformation = keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n 0% { transform: translate(-80px, -50px); }\n 100% { transform: translate(90px, -70px); }\n"])));
26
26
 
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
28
- export var KudosBlobAnimationStyle = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: none;\n height: 150px;\n width: 150px;\n z-index: -1;\n position: absolute;\n top: ", "em;\n animation-name: ", ";\n animation-iteration-count: 1;\n animation-duration: 3s;\n background-image: radial-gradient(\n circle,\n ", " 0%,\n ", " 25%,\n transparent 50%\n );\n overflow: hidden;\n"])), gridSize() * 4 / fontSize(), kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-keyframes -- Ignored via go/DSP-18766
28
+ export var KudosBlobAnimationStyle = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\tdisplay: none;\n\theight: 150px;\n\twidth: 150px;\n\tz-index: -1;\n\tposition: absolute;\n\ttop: ", "em;\n\tanimation-name: ", ";\n\tanimation-iteration-count: 1;\n\tanimation-duration: 3s;\n\tbackground-image: radial-gradient(\n\t\tcircle,\n\t\t", " 0%,\n\t\t", " 25%,\n\t\ttransparent 50%\n\t);\n\toverflow: hidden;\n"])), gridSize() * 4 / fontSize(), kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
29
29
  export var KudosBlobAnimation = function KudosBlobAnimation(props) {
30
30
  return (
31
31
  /*#__PURE__*/
@@ -36,29 +36,29 @@ export var KudosBlobAnimation = function KudosBlobAnimation(props) {
36
36
  );
37
37
  };
38
38
 
39
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
40
- export var AnimationWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n clip-path: inset(0px 0px 0px 0px round ", "px);\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n"])), borderRadius());
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
40
+ export var AnimationWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\tclip-path: inset(0px 0px 0px 0px round ", "px);\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n"])), borderRadius());
41
41
 
42
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
43
- export var AnimatedKudosButton = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-left: ", ";\n\n /* Need babel-plugin-emotion to use component selector */\n /* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n &:focus-within .kudos-blob-animation,\n &:focus .kudos-blob-animation,\n &:hover .kudos-blob-animation {\n display: block;\n }\n"])), "var(--ds-space-100, 8px)");
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
43
+ export var AnimatedKudosButton = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\tmargin-left: ", ";\n\n\t/* Need babel-plugin-emotion to use component selector */\n\t/* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n\t&:focus-within .kudos-blob-animation,\n\t&:focus .kudos-blob-animation,\n\t&:hover .kudos-blob-animation {\n\t\tdisplay: block;\n\t}\n"])), "var(--ds-space-100, 8px)");
44
44
 
45
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
46
- export var ActionButtonGroup = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n user-select: none;\n margin: ", " 0 0 0;\n text-align: right;\n display: flex;\n justify-content: flex-end;\n\n button,\n a {\n position: relative;\n }\n\n button,\n a,\n span {\n margin-left: ", ";\n\n &:first-child {\n margin-left: ", ";\n }\n }\n\n a,\n button {\n &:focus {\n outline-color: ", ";\n outline-offset: ", ";\n outline-style: solid;\n outline-width: ", ";\n }\n }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-0, 0px)", "var(--ds-border-focused, ".concat(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
46
+ export var ActionButtonGroup = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\tuser-select: none;\n\tmargin: ", " 0 0 0;\n\ttext-align: right;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\n\tbutton,\n\ta {\n\t\tposition: relative;\n\t}\n\n\tbutton,\n\ta,\n\tspan {\n\t\tmargin-left: ", ";\n\n\t\t&:first-child {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\ta,\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-0, 0px)", "var(--ds-border-focused, ".concat(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
47
47
 
48
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
49
- export var OverflowActionButtonsWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: inline-block;\n width: ", ";\n height: ", ";\n margin-left: ", ";\n\n button {\n &:focus {\n outline-color: ", ";\n outline-offset: ", ";\n outline-style: solid;\n outline-width: ", ";\n }\n }\n"])), "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
49
+ export var OverflowActionButtonsWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\tdisplay: inline-block;\n\twidth: ", ";\n\theight: ", ";\n\tmargin-left: ", ";\n\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
50
50
 
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
52
- export var CardContent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n min-height: ", "px;\n"])), gridSize() * 17);
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
52
+ export var CardContent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: ", "px;\n"])), gridSize() * 17);
53
53
 
54
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
55
- 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);
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
55
+ export var DetailsGroup = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-left: ", "px;\n\twidth: ", "px;\n"])), gridSize() * 14.5, gridSize() * 24.5);
56
56
 
57
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
58
- 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)");
57
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
58
+ export var DisabledInfo = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n\tfont-size: ", "px;\n\tcolor: ", ";\n\tmargin: ", " 0 0 0;\n\tline-height: 16px;\n"])), fontSizeSmall(), labelTextColor, "var(--ds-space-150, 12px)");
59
59
 
60
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
61
- 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) {
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
61
+ export var FullNameLabel = styled.h2(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont-size: 18px;\n\tfont-weight: 400;\n\tletter-spacing: normal;\n\tcolor: ", ";\n\tmargin: ", ";\n\tline-height: ", "em;\n\t:first-child {\n\t\tmargin: ", ";\n\t}\n"])), function (props) {
62
62
  return props.isDisabledAccount ? headerTextColorInactive : headerTextColor;
63
63
  }, function (props) {
64
64
  return getFullNameMargin(props);
@@ -66,22 +66,22 @@ export var FullNameLabel = styled.h2(_templateObject13 || (_templateObject13 = _
66
66
  return getFullNameMargin(props);
67
67
  });
68
68
 
69
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
70
- export var LozengeWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n margin-top: ", ";\n text-transform: uppercase;\n display: block;\n"])), "var(--ds-space-200, 16px)");
69
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
70
+ export var LozengeWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
71
71
 
72
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
73
- export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n margin-top: ", ";\n > * {\n margin-top: ", ";\n &:not(:last-child) {\n margin-right: ", ";\n }\n }\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
72
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
73
+ export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tmargin-top: ", ";\n\t> * {\n\t\tmargin-top: ", ";\n\t\t&:not(:last-child) {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
74
74
 
75
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
76
- export var JobTitleLabel = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n font-size: 14px;\n color: ", ";\n margin: 0 0 ", " 0;\n line-height: ", "em;\n"])), headerTextColor, "var(--ds-space-150, 12px)", 24 / 14);
75
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
76
+ export var JobTitleLabel = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont-size: 14px;\n\tcolor: ", ";\n\tmargin: 0 0 ", " 0;\n\tline-height: ", "em;\n"])), headerTextColor, "var(--ds-space-150, 12px)", 24 / 14);
77
77
 
78
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
79
- export var AppTitleLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-radius: ", ";\n padding: 0 ", ";\n width: fit-content;\n font-weight: bold;\n text-transform: uppercase;\n\n font-size: 12px;\n margin: ", " 0 ", " 0;\n line-height: ", "em;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), "var(--ds-space-075, 6px)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", 24 / 14);
78
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
79
+ export var AppTitleLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: 0 ", ";\n\twidth: fit-content;\n\tfont-weight: bold;\n\ttext-transform: uppercase;\n\n\tfont-size: 12px;\n\tmargin: ", " 0 ", " 0;\n\tline-height: ", "em;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), "var(--ds-space-075, 6px)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", 24 / 14);
80
80
 
81
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
82
- export var SpinnerContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: ", "px;\n justify-content: center;\n position: relative;\n"])), gridSize() * 12);
83
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
84
- export var CardContainer = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n position: relative;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-image: linear-gradient(\n to bottom,\n ", "\n 0%,\n ", "\n 100%\n );\n background-repeat: no-repeat;\n background-size: 100% ", "px;\n box-sizing: content-box;\n padding: ", ";\n box-shadow: ", ";\n border-radius: ", ";\n\n overflow: hidden;\n"])), function (props) {
81
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
82
+ export var SpinnerContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n\talign-items: center;\n\tdisplay: flex;\n\theight: ", "px;\n\tjustify-content: center;\n\tposition: relative;\n"])), gridSize() * 12);
83
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
84
+ export var CardContainer = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n\tposition: relative;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tbackground-image: linear-gradient(\n\t\tto bottom,\n\t\t", "\n\t\t\t0%,\n\t\t", " 100%\n\t);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% ", "px;\n\tbox-sizing: content-box;\n\tpadding: ", ";\n\tbox-shadow: ", ";\n\tborder-radius: ", ";\n\n\toverflow: hidden;\n"])), function (props) {
85
85
  return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
86
86
  }, function (props) {
87
87
  return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
@@ -91,11 +91,11 @@ export var CardContainer = styled.div(_templateObject19 || (_templateObject19 =
91
91
  return props.withoutElevation ? '' : "".concat(borderRadius(), "px");
92
92
  });
93
93
 
94
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
95
- 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)");
94
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
95
+ 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
96
 
97
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
98
- 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)");
97
+ // 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)");
99
99
 
100
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
101
- 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)");
100
+ // 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)");
@@ -4,29 +4,33 @@ import { gridSize } from '@atlaskit/theme/constants';
4
4
  import { h400 } from '@atlaskit/theme/typography';
5
5
  import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
6
6
 
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
8
  export var ErrorWrapper = styled.div({
9
9
  textAlign: 'center',
10
10
  padding: "var(--ds-space-300, 24px)",
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
11
12
  color: errorIconColor
12
13
  });
13
14
 
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
15
16
  export var ErrorTitle = styled.p({
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
16
18
  color: errorTitleColor,
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
17
20
  lineHeight: "".concat(gridSize() * 3, "px"),
18
21
  margin: "var(--ds-space-100, 8px)".concat(" 0")
19
22
  });
20
23
 
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
22
25
  export var ErrorText = styled.span({
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
23
27
  color: errorTextColor
24
28
  });
25
29
 
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
31
  export var TeamErrorTitle = styled.p(h400);
28
32
 
29
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
30
34
  export var TeamErrorText = styled.p({
31
35
  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
32
36
  marginTop: "var(--ds-space-100, 8px)"
@@ -2,35 +2,38 @@ import styled from '@emotion/styled';
2
2
  import { gridSize } from '@atlaskit/theme/constants';
3
3
  import { appLabelTextColor } from './constants';
4
4
 
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
6
6
  export var ReportingLinesSection = styled.div({
7
7
  // Minor left margin to align better with existing icon fields
8
8
  marginLeft: "var(--ds-space-050, 4px)",
9
9
  marginTop: "var(--ds-space-100, 8px)"
10
10
  });
11
11
 
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
13
13
  export var ReportingLinesHeading = styled.h3({
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
14
15
  color: appLabelTextColor,
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
17
  fontSize: "".concat(gridSize() * 1.5, "px"),
16
18
  fontWeight: 600,
17
19
  marginBottom: "var(--ds-space-100, 8px)"
18
20
  });
19
21
 
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
21
23
  export var ManagerSection = styled.div({
22
24
  display: 'flex',
23
25
  alignItems: 'center',
24
26
  margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
25
27
  });
26
28
 
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
28
30
  export var ManagerName = styled.span({
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
32
  fontSize: "".concat(gridSize() * 1.5, "px"),
30
33
  marginLeft: "var(--ds-space-100, 8px)"
31
34
  });
32
35
 
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
34
37
  export var OffsetWrapper = styled.div({
35
38
  marginTop: "var(--ds-space-050, 4px)",
36
39
  // Offset left margin so the avatar aligns with the heading