@atlaskit/profilecard 19.13.0 → 19.14.0

package/dist/es2019/styled/Error.js

@@ -3,20 +3,30 @@ import { N200 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import { h400 } from '@atlaskit/theme/typography';
 import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ErrorWrapper = styled.div({
   textAlign: 'center',
   padding: "var(--ds-space-300, 24px)",
   color: errorIconColor
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ErrorTitle = styled.p({
   color: errorTitleColor,
   lineHeight: `${gridSize() * 3}px`,
   margin: `${"var(--ds-space-100, 8px)"} 0`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ErrorText = styled.span({
   color: errorTextColor
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const TeamErrorTitle = styled.p(h400);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const TeamErrorText = styled.p({
   color: `var(--ds-text-subtlest, ${N200})`,
   marginTop: "var(--ds-space-100, 8px)"

package/dist/es2019/styled/ReportingLines.js

@@ -1,26 +1,36 @@
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import { appLabelTextColor } from './constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ReportingLinesSection = styled.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
 export const ReportingLinesHeading = styled.h3({
   color: appLabelTextColor,
   fontSize: `${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
 export const ManagerSection = styled.div({
   display: 'flex',
   alignItems: 'center',
   margin: `${"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
 export const ManagerName = styled.span({
   fontSize: `${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
 export const OffsetWrapper = styled.div({
   marginTop: "var(--ds-space-050, 4px)",
   // Offset left margin so the avatar aligns with the heading

package/dist/es2019/styled/TeamCard.js

@@ -3,9 +3,13 @@ import { N20, N200 } from '@atlaskit/theme/colors';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { h600 } from '@atlaskit/theme/typography';
 import { bgColor, teamHeaderBgColor } from './constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CardTriggerWrapper = styled.div({
   display: 'inherit'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CardWrapper = styled.div({
   backgroundColor: bgColor,
   borderRadius: `${borderRadius()}px`,
@@ -14,12 +18,14 @@ export const CardWrapper = styled.div({
   WebkitFontSmoothing: 'antialiased',
   MozOsxFontSmoothing: 'grayscale'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const TeamForbiddenErrorStateWrapper = styled.div({
   width: `${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
 export const CardHeader = styled.div`
   background-color: ${props => props.isLoading ? `var(--ds-background-neutral, ${N20})` : props.image ? '' : teamHeaderBgColor};
   background-image: ${props => props.image ? `url(${props.image})` : ''};
@@ -29,12 +35,16 @@ export const CardHeader = styled.div`
   box-sizing: content-box;
   height: ${gridSize() * 16}px;
 `;
+
+// 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',
   flexDirection: 'column',
   padding: "var(--ds-space-300, 24px)",
   minHeight: `${gridSize() * 13}px`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const TeamName = styled.h6(h600, {
   textTransform: 'none',
   overflow: 'hidden',
@@ -43,19 +53,27 @@ export const TeamName = styled.h6(h600, {
   WebkitLineClamp: 2,
   WebkitBoxOrient: 'vertical'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const MemberCount = styled.div({
   color: `var(--ds-text-subtlest, ${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
 export const AvatarSection = styled.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
 export const DescriptionWrapper = styled.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
 export const Description = styled.span({
   overflow: 'hidden',
   maxHeight: '60px',
@@ -63,6 +81,8 @@ export const Description = styled.span({
   WebkitLineClamp: 3,
   WebkitBoxOrient: 'vertical'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ActionButtons = styled.div({
   width: 'calc(100% + 8px)',
   display: 'flex',
@@ -70,18 +90,26 @@ export const ActionButtons = styled.div({
   margin: `${"var(--ds-space-300, 24px)"} ${"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
 export const WrappedButton = styled.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
 export const MoreButton = styled.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
 export const LoadingWrapper = styled.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
 export const AccessLockSVGWrapper = styled.div({
   marginBottom: "var(--ds-space-300, 24px)"
 });

package/dist/es2019/util/analytics.js

@@ -31,7 +31,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "19.13.0",
+    packageVersion: "19.14.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getTeamFromAGG.js

@@ -48,7 +48,7 @@ export var 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;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -172,10 +172,11 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         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, _toConsumableArray(res));
@@ -254,7 +255,9 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         }, 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'
@@ -376,6 +379,9 @@ _defineProperty(TeamProfileCardTriggerInternal, "defaultProps", {
   actions: [],
   trigger: 'hover',
   position: 'bottom-start',
-  triggerLinkType: 'link'
+  triggerLinkType: 'link',
+  displayConfig: {
+    showKudos: true
+  }
 });
 export default withAnalyticsEvents()(TeamProfileCardTriggerInternal);

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

@@ -140,7 +140,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, _toConsumableArray(res));
@@ -315,7 +316,10 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
 _defineProperty(ProfilecardTrigger, "defaultProps", {
   actions: [],
   trigger: 'hover',
-  position: 'bottom-start'
+  position: 'bottom-start',
+  displayConfig: {
+    showKudos: true
+  }
 });
 var ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
 export default function ProfilecardTriggerSwitch(props) {

package/dist/esm/styled/Card.js

@@ -11,25 +11,53 @@ import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgCol
 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
 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);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var ActionsFlexSpacer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex: 1 0 auto;\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/no-keyframes-tagged-template-expression -- needs manual remediation
 var kudosButtonAnimationTransformation = keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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
 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)");
 export var KudosBlobAnimation = function KudosBlobAnimation(props) {
-  return /*#__PURE__*/React.createElement(KudosBlobAnimationStyle, _extends({
-    className: "kudos-blob-animation"
-  }, props));
+  return (
+    /*#__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))
+  );
 };
-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);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+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());
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var CardContent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  min-height: ", "px;\n"])), gridSize() * 17);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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);
-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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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) {
   return props.isDisabledAccount ? headerTextColorInactive : headerTextColor;
 }, function (props) {
@@ -37,11 +65,22 @@ export var FullNameLabel = styled.h2(_templateObject13 || (_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
 export var LozengeWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\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
 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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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) {
   return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
 }, function (props) {
@@ -51,6 +90,12 @@ export var CardContainer = styled.div(_templateObject19 || (_templateObject19 =
 }, function (props) {
   return props.withoutElevation ? '' : "".concat(borderRadius(), "px");
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 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)");

package/dist/esm/styled/Error.js

@@ -3,20 +3,30 @@ import { N200 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import { h400 } from '@atlaskit/theme/typography';
 import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var ErrorWrapper = styled.div({
   textAlign: 'center',
   padding: "var(--ds-space-300, 24px)",
   color: errorIconColor
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var ErrorTitle = styled.p({
   color: errorTitleColor,
   lineHeight: "".concat(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
 export var ErrorText = styled.span({
   color: errorTextColor
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var TeamErrorTitle = styled.p(h400);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var TeamErrorText = styled.p({
   color: "var(--ds-text-subtlest, ".concat(N200, ")"),
   marginTop: "var(--ds-space-100, 8px)"

package/dist/esm/styled/ReportingLines.js

@@ -1,26 +1,36 @@
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import { appLabelTextColor } from './constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var ReportingLinesSection = styled.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
 export var ReportingLinesHeading = styled.h3({
   color: appLabelTextColor,
   fontSize: "".concat(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
 export var ManagerSection = styled.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
 export var ManagerName = styled.span({
   fontSize: "".concat(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
 export var OffsetWrapper = styled.div({
   marginTop: "var(--ds-space-050, 4px)",
   // Offset left margin so the avatar aligns with the heading

package/dist/esm/styled/TeamCard.js

@@ -5,9 +5,13 @@ import { N20, N200 } from '@atlaskit/theme/colors';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { h600 } from '@atlaskit/theme/typography';
 import { bgColor, teamHeaderBgColor } from './constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var CardTriggerWrapper = styled.div({
   display: 'inherit'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var CardWrapper = styled.div({
   backgroundColor: bgColor,
   borderRadius: "".concat(borderRadius(), "px"),
@@ -16,23 +20,29 @@ export var CardWrapper = styled.div({
   WebkitFontSmoothing: 'antialiased',
   MozOsxFontSmoothing: 'grayscale'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var TeamForbiddenErrorStateWrapper = styled.div({
   width: "".concat(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
 export var CardHeader = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(N20, ")") : props.image ? '' : teamHeaderBgColor;
 }, function (props) {
   return props.image ? "url(".concat(props.image, ")") : '';
 }, gridSize() * 16);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var CardContent = styled.div({
   display: 'flex',
   flexDirection: 'column',
   padding: "var(--ds-space-300, 24px)",
   minHeight: "".concat(gridSize() * 13, "px")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var TeamName = styled.h6(h600, {
   textTransform: 'none',
   overflow: 'hidden',
@@ -41,19 +51,27 @@ export var TeamName = styled.h6(h600, {
   WebkitLineClamp: 2,
   WebkitBoxOrient: 'vertical'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var MemberCount = styled.div({
   color: "var(--ds-text-subtlest, ".concat(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
 export var AvatarSection = styled.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
 export var DescriptionWrapper = styled.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
 export var Description = styled.span({
   overflow: 'hidden',
   maxHeight: '60px',
@@ -61,6 +79,8 @@ export var Description = styled.span({
   WebkitLineClamp: 3,
   WebkitBoxOrient: 'vertical'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var ActionButtons = styled.div({
   width: 'calc(100% + 8px)',
   display: 'flex',
@@ -68,18 +88,26 @@ export var ActionButtons = styled.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
 export var WrappedButton = styled.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
 export var MoreButton = styled.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
 export var LoadingWrapper = styled.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
 export var AccessLockSVGWrapper = styled.div({
   marginBottom: "var(--ds-space-300, 24px)"
 });

package/dist/esm/util/analytics.js

@@ -38,7 +38,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(getPageTime())
     })

package/dist/types/client/ProfileCardClient.d.ts

@@ -1,5 +1,5 @@
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import { ClientOverrides, ProfileClientOptions, TeamCentralReportingLinesData } from '../types';
+import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type ClientOverrides, type ProfileClientOptions, type TeamCentralReportingLinesData } from '../types';
 import TeamCentralCardClient from './TeamCentralCardClient';
 import TeamProfileCardClient from './TeamProfileCardClient';
 import UserProfileCardClient from './UserProfileCardClient';

package/dist/types/client/TeamCentralCardClient.d.ts

@@ -1,4 +1,4 @@
-import { ProfileClientOptions, TeamCentralReportingLinesData } from '../types';
+import { type ProfileClientOptions, type TeamCentralReportingLinesData } from '../types';
 import CachingClient from './CachingClient';
 export declare const buildReportingLinesQuery: (aaid: string) => {
     query: string;

package/dist/types/client/TeamProfileCardClient.d.ts

@@ -1,4 +1,4 @@
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import type { ProfileClientOptions, Team } from '../types';
 import CachingClient from './CachingClient';
 export default class TeamProfileCardClient extends CachingClient<Team> {

package/dist/types/client/UserProfileCardClient.d.ts

@@ -1,5 +1,5 @@
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import { ApiClientResponse, ProfileCardClientData, ProfileClientOptions } from '../types';
+import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type ApiClientResponse, type ProfileCardClientData, type ProfileClientOptions } from '../types';
 import CachingClient from './CachingClient';
 /**
  * Transform response from GraphQL

package/dist/types/client/errorUtils.d.ts

@@ -1,5 +1,5 @@
 import { AGGError, AGGErrors, DirectoryGraphQLError, DirectoryGraphQLErrors } from '../util/errors';
-import { ErrorAttributes } from './types';
+import { type ErrorAttributes } from './types';
 export declare const getErrorAttributes: (error?: DirectoryGraphQLErrors | Error | unknown | DirectoryGraphQLError | AGGError | AGGErrors) => ErrorAttributes;
 export declare const handleDirectoryGraphQLErrors: (errors: unknown, traceId: string | null) => void;
 export declare const handleAGGErrors: (errors: unknown, traceId: string | null) => void;

package/dist/types/components/Error/ErrorMessage.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import { ProfileCardErrorType } from '../../types';
+import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type ProfileCardErrorType } from '../../types';
 interface Props {
     reload?: () => void | undefined;
     errorType?: ProfileCardErrorType;

package/dist/types/components/Team/TeamForbiddenErrorState.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AnalyticsFunction } from '../../types';
+import { type AnalyticsFunction } from '../../types';
 declare const _default: (props: {
     analytics: AnalyticsFunction;
 }) => JSX.Element;

package/dist/types/components/Team/TeamLoadingState.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AnalyticsFunction } from '../../types';
+import { type AnalyticsFunction } from '../../types';
 declare const _default: (props: {
     analytics: AnalyticsFunction;
 }) => JSX.Element;

package/dist/types/components/Team/TeamProfileCardTrigger.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import { TriggerProps } from '@atlaskit/popup/types';
+import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type TriggerProps } from '@atlaskit/popup/types';
 import type { AnalyticsFromDuration, AnalyticsProps, ProfileCardAction, Team, TeamProfileCardTriggerProps, TeamProfileCardTriggerState } from '../../types';
 export declare class TeamProfileCardTriggerInternal extends React.PureComponent<TeamProfileCardTriggerProps & AnalyticsProps, TeamProfileCardTriggerState> {
     static defaultProps: Partial<TeamProfileCardTriggerProps>;

package/dist/types/components/User/OverflowProfileCardButtons.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnalyticsWithDurationProps, ProfileCardAction } from '../../types';
+import { type AnalyticsWithDurationProps, type ProfileCardAction } from '../../types';
 type OverflowButtonsProps = {
     actions: ProfileCardAction[];
     onItemClick: (action: ProfileCardAction, args: any, event: React.MouseEvent | React.KeyboardEvent, index: number) => void;