@atlaskit/profilecard 19.13.0 → 19.14.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/profilecard
 
+## 19.14.0
+
+### Minor Changes
+
+-   [#102379](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102379)
+    [`d8643ec13c0c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d8643ec13c0c) -
+    Added displayConfig prop, it has showKudos to control whether to show kudos.
+
 ## 19.13.0
 
 ### Minor Changes

package/dist/cjs/client/getTeamFromAGG.js

@@ -57,7 +57,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "19.13.0");
+  headers.append('atl-client-version', "19.14.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Team/TeamProfileCardTrigger.js

@@ -182,10 +182,11 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         isLoading: true,
         data: null
       }, function () {
+        var _this$props$displayCo;
         var fireEvent = function fireEvent(event) {
           _this.fireAnalytics(event);
         };
-        var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos()]);
+        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)]);
         requests.then(function (res) {
           var _this2;
           return (_this2 = _this).handleClientSuccess.apply(_this2, (0, _toConsumableArray2.default)(res));
@@ -264,7 +265,9 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         }, triggerProps, _this.triggerListeners), children));
       }
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
-        "data-testid": "team-profilecard-trigger-wrapper",
+        "data-testid": "team-profilecard-trigger-wrapper"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
         style: {
           color: 'initial',
           textDecoration: 'none'
@@ -386,6 +389,9 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
   actions: [],
   trigger: 'hover',
   position: 'bottom-start',
-  triggerLinkType: 'link'
+  triggerLinkType: 'link',
+  displayConfig: {
+    showKudos: true
+  }
 });
 var _default = exports.default = (0, _analyticsNext.withAnalyticsEvents)()(TeamProfileCardTriggerInternal);

package/dist/cjs/components/User/ProfileCardTrigger.js

@@ -150,7 +150,8 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         hasError: false,
         data: null
       }, function () {
-        var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId || '', userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos()]);
+        var _this$props$displayCo;
+        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)]);
         requests.then(function (res) {
           var _this2;
           return (_this2 = _this).handleClientSuccess.apply(_this2, (0, _toConsumableArray2.default)(res));
@@ -325,7 +326,10 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
 (0, _defineProperty2.default)(ProfilecardTrigger, "defaultProps", {
   actions: [],
   trigger: 'hover',
-  position: 'bottom-start'
+  position: 'bottom-start',
+  displayConfig: {
+    showKudos: true
+  }
 });
 var ProfilecardTriggerLegacy = (0, _analyticsNext.withAnalyticsEvents)()(ProfilecardTrigger);
 function ProfilecardTriggerSwitch(props) {

package/dist/cjs/styled/Card.js

@@ -18,25 +18,53 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var getFullNameMargin = function getFullNameMargin(props) {
   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");
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CardWrapper = exports.CardWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: ", ";\n  width: ", "px;\n"])), _constants2.bgColor, "var(--ds-border-radius, 3px)", (0, _constants.gridSize)() * 45);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ProfileImage = exports.ProfileImage = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ActionsFlexSpacer = exports.ActionsFlexSpacer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 0 auto;\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/no-keyframes-tagged-template-expression -- needs manual remediation
 var kudosButtonAnimationTransformation = (0, _react2.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n"])));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var KudosBlobAnimationStyle = exports.KudosBlobAnimationStyle = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _constants.gridSize)() * 4 / (0, _constants.fontSize)(), kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
 var KudosBlobAnimation = exports.KudosBlobAnimation = function KudosBlobAnimation(props) {
-  return /*#__PURE__*/_react.default.createElement(KudosBlobAnimationStyle, (0, _extends2.default)({
-    className: "kudos-blob-animation"
-  }, props));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    _react.default.createElement(KudosBlobAnimationStyle, (0, _extends2.default)({
+      className: "kudos-blob-animation"
+    }, props))
+  );
 };
-var AnimationWrapper = exports.AnimationWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants.borderRadius);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var AnimationWrapper = exports.AnimationWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _constants.borderRadius)());
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AnimatedKudosButton = exports.AnimatedKudosButton = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ActionButtonGroup = exports.ActionButtonGroup = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\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(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var OverflowActionButtonsWrapper = exports.OverflowActionButtonsWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\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(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CardContent = exports.CardContent = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  min-height: ", "px;\n"])), (0, _constants.gridSize)() * 17);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DetailsGroup = exports.DetailsGroup = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 14.5, (0, _constants.gridSize)() * 24.5);
-var DisabledInfo = exports.DisabledInfo = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  color: ", ";\n  margin: ", " 0 0 0;\n  line-height: 16px;\n"])), _constants.fontSizeSmall, _constants2.labelTextColor, "var(--ds-space-150, 12px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var DisabledInfo = exports.DisabledInfo = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  color: ", ";\n  margin: ", " 0 0 0;\n  line-height: 16px;\n"])), (0, _constants.fontSizeSmall)(), _constants2.labelTextColor, "var(--ds-space-150, 12px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var FullNameLabel = exports.FullNameLabel = _styled.default.h2(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 18px;\n  font-weight: 400;\n  letter-spacing: normal;\n  color: ", ";\n  margin: ", ";\n  line-height: ", "em;\n  :first-child {\n    margin: ", ";\n  }\n"])), function (props) {
   return props.isDisabledAccount ? _constants2.headerTextColorInactive : _constants2.headerTextColor;
 }, function (props) {
@@ -44,11 +72,22 @@ var FullNameLabel = exports.FullNameLabel = _styled.default.h2(_templateObject13
 }, 24 / 18, function (props) {
   return getFullNameMargin(props);
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LozengeWrapper = exports.LozengeWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  text-transform: uppercase;\n  display: block;\n"])), "var(--ds-space-200, 16px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CustomLozengeContainer = exports.CustomLozengeContainer = (0, _styled.default)(LozengeWrapper)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var JobTitleLabel = exports.JobTitleLabel = _styled.default.span(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants2.headerTextColor, "var(--ds-space-150, 12px)", 24 / 14);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AppTitleLabel = exports.AppTitleLabel = _styled.default.span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-075, 6px)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", 24 / 14);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SpinnerContainer = exports.SpinnerContainer = _styled.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  position: relative;\n"])), (0, _constants.gridSize)() * 12);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CardContainer = exports.CardContainer = _styled.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\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) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
 }, function (props) {
@@ -58,6 +97,12 @@ var CardContainer = exports.CardContainer = _styled.default.div(_templateObject1
 }, function (props) {
   return props.withoutElevation ? '' : "".concat((0, _constants.borderRadius)(), "px");
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DetailsLabel = exports.DetailsLabel = _styled.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  line-height: 24px;\n  font-size: ", "px;\n  margin: ", " 0 0 0;\n  white-space: nowrap;\n\n  & + & {\n    margin-top: ", ";\n  }\n"])), (0, _constants.gridSize)() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DetailsLabelIcon = exports.DetailsLabelIcon = _styled.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-shrink: 0;\n  color: ", ";\n  width: ", ";\n  height: ", ";\n  padding: ", ";\n  vertical-align: top;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DetailsLabelText = exports.DetailsLabelText = _styled.default.span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n  padding-left: ", ";\n"])), _constants2.labelTextColor, "var(--ds-space-050, 4px)");

package/dist/cjs/styled/Error.js

@@ -10,20 +10,29 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
 var _constants2 = require("./constants");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ErrorWrapper = exports.ErrorWrapper = _styled.default.div({
   textAlign: 'center',
   padding: "var(--ds-space-300, 24px)",
   color: _constants2.errorIconColor
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ErrorTitle = exports.ErrorTitle = _styled.default.p({
   color: _constants2.errorTitleColor,
   lineHeight: "".concat((0, _constants.gridSize)() * 3, "px"),
   margin: "var(--ds-space-100, 8px)".concat(" 0")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ErrorText = exports.ErrorText = _styled.default.span({
   color: _constants2.errorTextColor
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TeamErrorTitle = exports.TeamErrorTitle = _styled.default.p(_typography.h400);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TeamErrorText = exports.TeamErrorText = _styled.default.p({
   color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
   marginTop: "var(--ds-space-100, 8px)"

package/dist/cjs/styled/ReportingLines.js

@@ -8,26 +8,35 @@ exports.ReportingLinesSection = exports.ReportingLinesHeading = exports.OffsetWr
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("./constants");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ReportingLinesSection = exports.ReportingLinesSection = _styled.default.div({
   // Minor left margin to align better with existing icon fields
   marginLeft: "var(--ds-space-050, 4px)",
   marginTop: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ReportingLinesHeading = exports.ReportingLinesHeading = _styled.default.h3({
   color: _constants2.appLabelTextColor,
   fontSize: "".concat((0, _constants.gridSize)() * 1.5, "px"),
   fontWeight: 600,
   marginBottom: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ManagerSection = exports.ManagerSection = _styled.default.div({
   display: 'flex',
   alignItems: 'center',
   margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ManagerName = exports.ManagerName = _styled.default.span({
   fontSize: "".concat((0, _constants.gridSize)() * 1.5, "px"),
   marginLeft: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var OffsetWrapper = exports.OffsetWrapper = _styled.default.div({
   marginTop: "var(--ds-space-050, 4px)",
   // Offset left margin so the avatar aligns with the heading

package/dist/cjs/styled/TeamCard.js

@@ -12,9 +12,12 @@ var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
 var _constants2 = require("./constants");
 var _templateObject;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CardTriggerWrapper = exports.CardTriggerWrapper = _styled.default.div({
   display: 'inherit'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CardWrapper = exports.CardWrapper = _styled.default.div({
   backgroundColor: _constants2.bgColor,
   borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
@@ -23,23 +26,29 @@ var CardWrapper = exports.CardWrapper = _styled.default.div({
   WebkitFontSmoothing: 'antialiased',
   MozOsxFontSmoothing: 'grayscale'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TeamForbiddenErrorStateWrapper = exports.TeamForbiddenErrorStateWrapper = _styled.default.div({
   width: "".concat((0, _constants.gridSize)() * 40, "px"),
   position: 'relative'
 });
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation
+// 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
 var CardHeader = exports.CardHeader = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\n"])), function (props) {
   return props.isLoading ? "var(--ds-background-neutral, ".concat(_colors.N20, ")") : props.image ? '' : _constants2.teamHeaderBgColor;
 }, function (props) {
   return props.image ? "url(".concat(props.image, ")") : '';
 }, (0, _constants.gridSize)() * 16);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CardContent = exports.CardContent = _styled.default.div({
   display: 'flex',
   flexDirection: 'column',
   padding: "var(--ds-space-300, 24px)",
   minHeight: "".concat((0, _constants.gridSize)() * 13, "px")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TeamName = exports.TeamName = _styled.default.h6(_typography.h600, {
   textTransform: 'none',
   overflow: 'hidden',
@@ -48,19 +57,27 @@ var TeamName = exports.TeamName = _styled.default.h6(_typography.h600, {
   WebkitLineClamp: 2,
   WebkitBoxOrient: 'vertical'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var MemberCount = exports.MemberCount = _styled.default.div({
   color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
   marginTop: "var(--ds-space-050, 4px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AvatarSection = exports.AvatarSection = _styled.default.div({
   marginTop: "var(--ds-space-200, 16px)",
   marginLeft: "var(--ds-space-negative-025, -2px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DescriptionWrapper = exports.DescriptionWrapper = _styled.default.div({
   marginTop: "var(--ds-space-200, 16px)",
   alignItems: 'center',
   display: 'flex'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Description = exports.Description = _styled.default.span({
   overflow: 'hidden',
   maxHeight: '60px',
@@ -68,6 +85,8 @@ var Description = exports.Description = _styled.default.span({
   WebkitLineClamp: 3,
   WebkitBoxOrient: 'vertical'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ActionButtons = exports.ActionButtons = _styled.default.div({
   width: 'calc(100% + 8px)',
   display: 'flex',
@@ -75,18 +94,26 @@ var ActionButtons = exports.ActionButtons = _styled.default.div({
   margin: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-negative-300, -24px)", " 0 ", "var(--ds-space-negative-100, -8px)"),
   backgroundColor: "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WrappedButton = exports.WrappedButton = _styled.default.div({
   flexBasis: 0,
   flexGrow: 1,
   marginLeft: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var MoreButton = exports.MoreButton = _styled.default.div({
   marginLeft: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LoadingWrapper = exports.LoadingWrapper = _styled.default.div({
   textAlign: 'center',
   marginTop: "var(--ds-space-500, 40px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AccessLockSVGWrapper = exports.AccessLockSVGWrapper = _styled.default.div({
   marginBottom: "var(--ds-space-300, 24px)"
 });

package/dist/cjs/util/analytics.js

@@ -44,7 +44,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.13.0"
+      packageVersion: "19.14.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getTeamFromAGG.js

@@ -67,7 +67,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "19.13.0");
+  headers.append('atl-client-version', "19.14.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Team/TeamProfileCardTrigger.js

@@ -157,10 +157,11 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
         isLoading: true,
         data: null
       }, () => {
+        var _this$props$displayCo;
         const fireEvent = event => {
           this.fireAnalytics(event);
         };
-        const requests = Promise.all([this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), this.props.resourceClient.shouldShowGiveKudos()]);
+        const 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)]);
         requests.then(res => this.handleClientSuccess(...res), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
       });
     });
@@ -235,7 +236,9 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
         }, triggerProps, this.triggerListeners), children));
       }
       return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderKudosLauncher(), /*#__PURE__*/React.createElement("a", _extends({
-        "data-testid": "team-profilecard-trigger-wrapper",
+        "data-testid": "team-profilecard-trigger-wrapper"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
         style: {
           color: 'initial',
           textDecoration: 'none'
@@ -337,6 +340,9 @@ _defineProperty(TeamProfileCardTriggerInternal, "defaultProps", {
   actions: [],
   trigger: 'hover',
   position: 'bottom-start',
-  triggerLinkType: 'link'
+  triggerLinkType: 'link',
+  displayConfig: {
+    showKudos: true
+  }
 });
 export default withAnalyticsEvents()(TeamProfileCardTriggerInternal);

package/dist/es2019/components/User/ProfileCardTrigger.js

@@ -123,7 +123,8 @@ class ProfilecardTrigger extends React.PureComponent {
         hasError: false,
         data: null
       }, () => {
-        const requests = Promise.all([this.props.resourceClient.getProfile(cloudId || '', userId, this.fireAnalytics), this.props.resourceClient.getReportingLines(userId), this.props.resourceClient.shouldShowGiveKudos()]);
+        var _this$props$displayCo;
+        const 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)]);
         requests.then(res => this.handleClientSuccess(...res), err => this.handleClientError(err)).catch(err => this.handleClientError(err));
       });
     });
@@ -276,7 +277,10 @@ class ProfilecardTrigger extends React.PureComponent {
 _defineProperty(ProfilecardTrigger, "defaultProps", {
   actions: [],
   trigger: 'hover',
-  position: 'bottom-start'
+  position: 'bottom-start',
+  displayConfig: {
+    showKudos: true
+  }
 });
 const ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
 export default function ProfilecardTriggerSwitch(props) {

package/dist/es2019/styled/Card.js

@@ -7,16 +7,22 @@ import { B200, N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius, fontSize, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
 import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from './constants';
 const getFullNameMargin = props => props.noMeta ? `${"var(--ds-space-400, 32px)"} 0 ${"var(--ds-space-150, 12px)"} 0` : `${"var(--ds-space-150, 12px)"} 0 0 0`;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CardWrapper = styled.div`
   background-color: ${bgColor};
   border-radius: ${"var(--ds-border-radius, 3px)"};
   width: ${gridSize() * 45}px;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ProfileImage = styled.div`
   position: absolute;
   top: ${"var(--ds-space-300, 24px)"};
   left: ${"var(--ds-space-300, 24px)"};
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ActionsFlexSpacer = styled.div`
   flex: 1 0 auto;
 `;
@@ -26,6 +32,8 @@ const kudosButtonAnimationTransformation = keyframes`
   0%   { transform: translate(-80px, -50px); }
   100% { transform: translate(90px, -70px); }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const KudosBlobAnimationStyle = styled.div`
   display: none;
   height: 150px;
@@ -44,17 +52,24 @@ export const KudosBlobAnimationStyle = styled.div`
   );
   overflow: hidden;
 `;
-export const KudosBlobAnimation = props => /*#__PURE__*/React.createElement(KudosBlobAnimationStyle, _extends({
+export const KudosBlobAnimation = props =>
+/*#__PURE__*/
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+React.createElement(KudosBlobAnimationStyle, _extends({
   className: "kudos-blob-animation"
 }, props));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const AnimationWrapper = styled.div`
-  clip-path: inset(0px 0px 0px 0px round ${borderRadius}px);
+  clip-path: inset(0px 0px 0px 0px round ${borderRadius()}px);
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const AnimatedKudosButton = styled.div`
   margin-left: ${"var(--ds-space-100, 8px)"};
 
@@ -66,6 +81,8 @@ export const AnimatedKudosButton = styled.div`
     display: block;
   }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ActionButtonGroup = styled.div`
   user-select: none;
   margin: ${"var(--ds-space-200, 16px)"} 0 0 0;
@@ -98,6 +115,8 @@ export const ActionButtonGroup = styled.div`
     }
   }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const OverflowActionButtonsWrapper = styled.div`
   display: inline-block;
   width: ${"var(--ds-space-400, 32px)"};
@@ -113,23 +132,31 @@ export const OverflowActionButtonsWrapper = styled.div`
     }
   }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CardContent = styled.div`
   display: flex;
   flex-direction: column;
   min-height: ${gridSize() * 17}px;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const DetailsGroup = styled.div`
   display: flex;
   flex-direction: column;
   margin-left: ${gridSize() * 14.5}px;
   width: ${gridSize() * 24.5}px;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const DisabledInfo = styled.div`
-  font-size: ${fontSizeSmall}px;
+  font-size: ${fontSizeSmall()}px;
   color: ${labelTextColor};
   margin: ${"var(--ds-space-150, 12px)"} 0 0 0;
   line-height: 16px;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const FullNameLabel = styled.h2`
   overflow: hidden;
   text-overflow: ellipsis;
@@ -145,11 +172,15 @@ export const FullNameLabel = styled.h2`
     margin: ${props => getFullNameMargin(props)};
   }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const LozengeWrapper = styled.div`
   margin-top: ${"var(--ds-space-200, 16px)"};
   text-transform: uppercase;
   display: block;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CustomLozengeContainer = styled(LozengeWrapper)`
   display: flex;
   flex-direction: row;
@@ -163,6 +194,8 @@ export const CustomLozengeContainer = styled(LozengeWrapper)`
     }
   }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const JobTitleLabel = styled.span`
   overflow: hidden;
   text-overflow: ellipsis;
@@ -173,6 +206,8 @@ export const JobTitleLabel = styled.span`
   margin: 0 0 ${"var(--ds-space-150, 12px)"} 0;
   line-height: ${24 / 14}em;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const AppTitleLabel = styled.span`
   background: ${appLabelBgColor};
   color: ${appLabelTextColor};
@@ -186,6 +221,8 @@ export const AppTitleLabel = styled.span`
   margin: ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} 0;
   line-height: ${24 / 14}em;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const SpinnerContainer = styled.div`
   align-items: center;
   display: flex;
@@ -193,6 +230,7 @@ export const SpinnerContainer = styled.div`
   justify-content: center;
   position: relative;
 `;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CardContainer = styled.div`
   position: relative;
   -webkit-font-smoothing: antialiased;
@@ -213,6 +251,8 @@ export const CardContainer = styled.div`
 
   overflow: hidden;
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const DetailsLabel = styled.div`
   display: flex;
   align-items: center;
@@ -225,6 +265,8 @@ export const DetailsLabel = styled.div`
     margin-top: ${"var(--ds-space-025, 2px)"};
   }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const DetailsLabelIcon = styled.div`
   display: flex;
   flex-shrink: 0;
@@ -239,6 +281,8 @@ export const DetailsLabelIcon = styled.div`
     height: 100%;
   }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const DetailsLabelText = styled.span`
   overflow: hidden;
   text-overflow: ellipsis;