@atlaskit/profilecard 24.20.3 → 24.20.5

package/dist/esm/components/team-profile-card/main.js

@@ -3,8 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["containerId", "teamId", "displayName", "description", "avatarImageUrl", "headerImageUrl", "memberAvatars", "memberCount", "cloudId", "userId", "isVerified", "teamProfileUrl"];
 import "./main.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import AvatarGroup from '@atlaskit/avatar-group';
@@ -12,64 +13,41 @@ import Heading from '@atlaskit/heading';
 import LinkItem from '@atlaskit/menu/link-item';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, Flex, Inline, Pressable, Stack, Text } from '@atlaskit/primitives/compiled';
+import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import TeamAvatar from '@atlaskit/teams-avatar';
 import { TeamContainers, useTeamContainers } from '@atlaskit/teams-public';
 import { fireEvent } from '../../util/analytics';
 import TeamAppTile from '../common/assets/TeamAppTile.svg';
 import { TeamActions } from './team-actions';
-import { NewTeamConnections, TeamConnections } from './team-connections/main';
+import { TeamConnections } from './team-connections/main';
 import { TeamContainersSkeleton } from './team-containers-skeleton';
 var noop = function noop() {};
 var styles = {
   wrapperStyles: "_2rko1mok _v564nm7n _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bsb1gwv _1ul95x59 _4t3i1wug",
   containerStyles: "_otyrpxbi",
   avatarImageStyles: "_kqswstnw _18u01ejb",
-  headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i53f4 _1bsb1osq",
-  newHeaderImageStyles: "_5ral1dfr _s7n4jp4b _4t3i12am _1bsb1osq",
+  headerImageStyles: "_5ral1dfr _s7n4jp4b _4t3i12am _1bsb1osq",
   teamInformationStyles: "_18u01ejb _19pku2gc _2hwx1ejb",
-  teamConnectionHeaderStyles: "_18u0u2gc _2hwxu2gc _c71lx2si _18m91wug",
-  teamConnectionContainerStyles: "_18u0u2gc _2hwxu2gc",
   teamConnectionStyles: "_18u0u2gc _2hwxu2gc",
   teamConnectionItemsStyles: "_c71lx2si _18m91wug",
   connectionTitleStyles: "_11c81vhk _18u0pxbi _19pk1b66 _2hwxpxbi _otyr12x7 _syaz1gjq",
-  teamAppTileStyles: "_18u01wug _4t3i7vkz _1bsb7vkz",
-  viewProfileContainerStyles: "_4cvr1h6o _uwhke4h9 _15a5nqa1 _1i53muej _19bv1ejb _u5f31ejb",
-  viewProfileButtonStyles: "_2rko12b0 _189ee4h9 _1dqonqa1 _1h6dmuej _bfhksm61 _syaz1gjq _1bsb1osq _4t3i1ul9 _19pkpxbi"
+  teamAppTileStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
-var TeamCardWrapper = function TeamCardWrapper(_ref) {
-  var id = _ref.id,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.wrapperStyles,
-    testId: "team-card-".concat(id)
-  }, children);
-};
-var HeaderImage = function HeaderImage(_ref2) {
-  var srcUrl = _ref2.srcUrl;
-  return /*#__PURE__*/React.createElement(Box, {
-    as: "img",
-    src: srcUrl,
-    xcss: styles.headerImageStyles,
-    testId: "profile-header-image",
-    alt: "team-header-image"
-  });
-};
-export var TeamProfileCard = function TeamProfileCard(_ref3) {
-  var containerId = _ref3.containerId,
-    teamId = _ref3.teamId,
-    displayName = _ref3.displayName,
-    description = _ref3.description,
-    avatarImageUrl = _ref3.avatarImageUrl,
-    headerImageUrl = _ref3.headerImageUrl,
-    memberAvatars = _ref3.memberAvatars,
-    memberCount = _ref3.memberCount,
-    cloudId = _ref3.cloudId,
-    userId = _ref3.userId,
-    isVerified = _ref3.isVerified,
-    teamProfileUrl = _ref3.teamProfileUrl,
-    props = _objectWithoutProperties(_ref3, _excluded);
+export var TeamProfileCard = function TeamProfileCard(_ref) {
+  var containerId = _ref.containerId,
+    teamId = _ref.teamId,
+    displayName = _ref.displayName,
+    description = _ref.description,
+    avatarImageUrl = _ref.avatarImageUrl,
+    headerImageUrl = _ref.headerImageUrl,
+    memberAvatars = _ref.memberAvatars,
+    memberCount = _ref.memberCount,
+    cloudId = _ref.cloudId,
+    userId = _ref.userId,
+    isVerified = _ref.isVerified,
+    teamProfileUrl = _ref.teamProfileUrl,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useTeamContainers = useTeamContainers(teamId),
     teamContainers = _useTeamContainers.teamContainers,
     loading = _useTeamContainers.loading;
@@ -83,9 +61,6 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
       return tc.id === containerId;
     }).length < teamContainers.length;
   }, [containerId, teamContainers]);
-
-  // TODO: set isNewLayout to be true when clean up 'team-bi-directional-container-connection' experiment
-  var isNewLayout = Boolean(props.isKudosEnabled || props.otherActions);
   var onClick = useCallback(function () {
     if (fg('ptc-enable-profile-card-analytics-refactor')) {
       fireEventNext('ui.button.clicked.viewTeamProfileButton', {});
@@ -99,117 +74,16 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
         });
       }
     }
-    if (!isNewLayout) {
-      window.open(teamProfileUrl, '_blank');
-    }
-  }, [createAnalyticsEvent, teamProfileUrl, isNewLayout, fireEventNext]);
-  if (isNewLayout) {
-    return /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.wrapperStyles,
-      testId: "team-card-".concat(teamId)
-    }, /*#__PURE__*/React.createElement(Box, {
-      as: "img",
-      src: headerImageUrl,
-      xcss: styles.newHeaderImageStyles,
-      testId: "profile-header-image",
-      alt: "team-header-image"
-    }), /*#__PURE__*/React.createElement(Stack, {
-      space: "space.200",
-      xcss: styles.containerStyles
-    }, /*#__PURE__*/React.createElement(Inline, {
-      spread: "space-between",
-      alignBlock: "center"
-    }, /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.avatarImageStyles
-    }, /*#__PURE__*/React.createElement(TeamAvatar, {
-      size: "medium",
-      src: avatarImageUrl
-    }))), /*#__PURE__*/React.createElement(Stack, {
-      xcss: styles.teamInformationStyles,
-      space: "space.200"
-    }, /*#__PURE__*/React.createElement(Flex, {
-      justifyContent: "space-between"
-    }, /*#__PURE__*/React.createElement(Stack, {
-      space: "space.050"
-    }, /*#__PURE__*/React.createElement(Inline, {
-      alignBlock: "center"
-    }, /*#__PURE__*/React.createElement(Heading, {
-      size: "medium"
-    }, displayName), isVerified && /*#__PURE__*/React.createElement(VerifiedTeamIcon, {
-      showTooltip: true
-    })), /*#__PURE__*/React.createElement(Text, {
-      color: "color.text.subtlest"
-    }, typeof memberCount === 'string' ? /*#__PURE__*/React.createElement(FormattedMessage, {
-      defaultMessage: "Contributing team \u2022 {memberCount} members",
-      values: {
-        memberCount: memberCount
-      },
-      id: "people-and-teams.team-profile-card.large-member-count"
-    }) : /*#__PURE__*/React.createElement(FormattedMessage, {
-      defaultMessage: "Contributing team \u2022 {count, plural, one {# member} other {# members}}",
-      values: {
-        count: memberCount
-      },
-      id: "people-and-teams.team-profile-card.member-count"
-    }))), /*#__PURE__*/React.createElement(TeamActions, _extends({
-      cloudId: cloudId,
-      teamId: teamId
-    }, props))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(AvatarGroup, {
-      appearance: "stack",
-      data: memberAvatars
-    })), description && /*#__PURE__*/React.createElement(Text, {
-      color: "color.text",
-      maxLines: 3
-    }, description)), /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.teamConnectionStyles
-    }, /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.connectionTitleStyles
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      defaultMessage: "Team links",
-      id: "people-and-teams.team-profile-card.team-connections"
-    })), /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.teamConnectionItemsStyles
-    }, /*#__PURE__*/React.createElement(LinkItem, {
-      href: teamProfileUrl,
-      target: "_blank",
-      onClick: onClick,
-      description: /*#__PURE__*/React.createElement(FormattedMessage, {
-        defaultMessage: "Team profile",
-        id: "people-and-teams.team-profile-card.team-profile-description"
-      }),
-      iconBefore: /*#__PURE__*/React.createElement(TeamAvatar, {
-        size: "small",
-        src: avatarImageUrl
-      }),
-      iconAfter: /*#__PURE__*/React.createElement(Box, {
-        as: "img",
-        src: TeamAppTile,
-        testId: "team-app-tile",
-        alt: "team-app-tile",
-        xcss: styles.teamAppTileStyles
-      }),
-      testId: "team-profile-card-profile-link-item"
-    }, /*#__PURE__*/React.createElement(Text, {
-      maxLines: 1,
-      color: "color.text"
-    }, displayName)), (loading || hasOtherTeamConnections) && /*#__PURE__*/React.createElement(TeamContainers, {
-      teamId: teamId,
-      onAddAContainerClick: noop,
-      userId: userId,
-      cloudId: cloudId,
-      components: {
-        ContainerCard: NewTeamConnections,
-        TeamContainersSkeleton: TeamContainersSkeleton
-      },
-      filterContainerId: containerId,
-      isDisplayedOnProfileCard: true,
-      maxNumberOfContainersToShow: loading ? 0 : 9
-    })))));
-  }
-  return /*#__PURE__*/React.createElement(TeamCardWrapper, {
-    id: teamId
-  }, /*#__PURE__*/React.createElement(HeaderImage, {
-    srcUrl: headerImageUrl
+  }, [createAnalyticsEvent, fireEventNext]);
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.wrapperStyles,
+    testId: "team-card-".concat(teamId)
+  }, /*#__PURE__*/React.createElement(Box, {
+    as: "img",
+    src: headerImageUrl,
+    xcss: styles.headerImageStyles,
+    testId: "profile-header-image",
+    alt: "team-header-image"
   }), /*#__PURE__*/React.createElement(Stack, {
     space: "space.200",
     xcss: styles.containerStyles
@@ -224,6 +98,8 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
   }))), /*#__PURE__*/React.createElement(Stack, {
     xcss: styles.teamInformationStyles,
     space: "space.200"
+  }, /*#__PURE__*/React.createElement(Flex, {
+    justifyContent: "space-between"
   }, /*#__PURE__*/React.createElement(Stack, {
     space: "space.050"
   }, /*#__PURE__*/React.createElement(Inline, {
@@ -246,20 +122,48 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
       count: memberCount
     },
     id: "people-and-teams.team-profile-card.member-count"
-  }))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(AvatarGroup, {
+  }))), /*#__PURE__*/React.createElement(TeamActions, _extends({
+    cloudId: cloudId,
+    teamId: teamId
+  }, props))), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(AvatarGroup, {
     appearance: "stack",
     data: memberAvatars
   })), description && /*#__PURE__*/React.createElement(Text, {
     color: "color.text",
     maxLines: 3
-  }, description)), (loading || hasOtherTeamConnections) && /*#__PURE__*/React.createElement(Box, {
-    xcss: hasOtherTeamConnections ? styles.teamConnectionHeaderStyles : styles.teamConnectionContainerStyles
-  }, hasOtherTeamConnections && /*#__PURE__*/React.createElement(Box, {
+  }, description)), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.teamConnectionStyles
+  }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.connectionTitleStyles
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    defaultMessage: "Where we work",
-    id: "people-and-teams.team-profile-card.team-connections-header"
-  })), /*#__PURE__*/React.createElement(TeamContainers, {
+    defaultMessage: "Team links",
+    id: "people-and-teams.team-profile-card.team-connections"
+  })), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.teamConnectionItemsStyles
+  }, /*#__PURE__*/React.createElement(LinkItem, {
+    href: teamProfileUrl,
+    target: "_blank",
+    onClick: onClick,
+    description: /*#__PURE__*/React.createElement(FormattedMessage, {
+      defaultMessage: "Team profile",
+      id: "people-and-teams.team-profile-card.team-profile-description"
+    }),
+    iconBefore: /*#__PURE__*/React.createElement(TeamAvatar, {
+      size: "small",
+      src: avatarImageUrl
+    }),
+    iconAfter: /*#__PURE__*/React.createElement(Box, {
+      as: "img",
+      src: TeamAppTile,
+      testId: "team-app-tile",
+      alt: "team-app-tile",
+      xcss: styles.teamAppTileStyles
+    }),
+    testId: "team-profile-card-profile-link-item"
+  }, /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
+    color: "color.text"
+  }, displayName)), (loading || hasOtherTeamConnections) && /*#__PURE__*/React.createElement(TeamContainers, {
     teamId: teamId,
     onAddAContainerClick: noop,
     userId: userId,
@@ -269,15 +173,7 @@ export var TeamProfileCard = function TeamProfileCard(_ref3) {
       TeamContainersSkeleton: TeamContainersSkeleton
     },
     filterContainerId: containerId,
-    isDisplayedOnProfileCard: true
-  })), teamProfileUrl && /*#__PURE__*/React.createElement(Stack, {
-    xcss: styles.viewProfileContainerStyles
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    onClick: onClick,
-    xcss: styles.viewProfileButtonStyles,
-    testId: "view-profile-button"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    defaultMessage: "View profile",
-    id: "people-and-teams.team-profile-card.view-profile"
+    isDisplayedOnProfileCard: true,
+    maxNumberOfContainersToShow: loading ? 0 : 9
   })))));
 };

package/dist/esm/components/team-profile-card/team-connections/main.compiled.css

@@ -1,8 +1,3 @@
-
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u01wug{margin-left:auto}
-._1bsb1tcg{width:24px}
+._18u01wug{margin-left:auto}
 ._1bsb7vkz{width:1pc}
-._1e0c1txw{display:flex}
-._4cvr1h6o{align-items:center}
-._4t3i1tcg{height:24px}
 ._4t3i7vkz{height:1pc}

package/dist/esm/components/team-profile-card/team-connections/main.js

@@ -5,13 +5,11 @@ import React, { useCallback } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { LinkItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
+import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
 import { ContainerIcon, getContainerProperties } from '@atlaskit/teams-public';
 import { fireEvent } from '../../../util/analytics';
 var styles = {
-  containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
-  containerIconStyles: "_2rko12b0 _4t3i1tcg _1bsb1tcg",
   containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
 export var TeamConnections = function TeamConnections(_ref) {
@@ -47,68 +45,6 @@ export var TeamConnections = function TeamConnections(_ref) {
       });
     }
   }, [containerType, createAnalyticsEvent, fireEventNext]);
-  return /*#__PURE__*/React.createElement(LinkItem, {
-    href: link,
-    onClick: onClick,
-    target: "_blank"
-  }, /*#__PURE__*/React.createElement(Inline, {
-    space: "space.100",
-    xcss: styles.containerWrapperStyles
-  }, /*#__PURE__*/React.createElement(ContainerIcon, {
-    containerType: containerType,
-    title: title,
-    containerIcon: containerIcon,
-    size: "small"
-  }), /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
-    maxLines: 1,
-    color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Inline, {
-    space: "space.050"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    color: "color.text.subtlest"
-  }, description), /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    color: "color.text.subtlest"
-  }, containerTypeText))), /*#__PURE__*/React.createElement(Box, {
-    backgroundColor: 'color.background.neutral.subtle',
-    xcss: styles.containerTypeIconButtonStyles,
-    testId: "container-type-icon"
-  }, icon)));
-};
-export var NewTeamConnections = function NewTeamConnections(_ref2) {
-  var containerType = _ref2.containerType,
-    title = _ref2.title,
-    containerIcon = _ref2.containerIcon,
-    link = _ref2.link;
-  var _getContainerProperti2 = getContainerProperties({
-      containerType: containerType,
-      iconSize: 'medium',
-      isDisplayedOnProfileCard: true
-    }),
-    description = _getContainerProperti2.description,
-    icon = _getContainerProperti2.icon,
-    containerTypeText = _getContainerProperti2.containerTypeText;
-  var _useAnalyticsEvents2 = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
-  var _useAnalyticsEventsNe2 = useAnalyticsEventsNext(),
-    fireEventNext = _useAnalyticsEventsNe2.fireEvent;
-  var onClick = useCallback(function () {
-    if (fg('ptc-enable-profile-card-analytics-refactor')) {
-      fireEventNext('ui.teamConnectionItem.clicked.teamProfileCard', {
-        container: containerType
-      });
-    } else {
-      fireEvent(createAnalyticsEvent, {
-        action: 'clicked',
-        actionSubject: 'teamConnectionItem',
-        actionSubjectId: 'teamProfileCard',
-        attributes: {
-          container: containerType
-        }
-      });
-    }
-  }, [containerType, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/React.createElement(LinkItem, {
     href: link,
     onClick: onClick,

package/dist/types/components/team-profile-card/team-connections/main.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { type LinkedContainerCardProps } from '@atlaskit/teams-public';
 export declare const TeamConnections: ({ containerType, title, containerIcon, link, }: LinkedContainerCardProps) => React.JSX.Element;
-export declare const NewTeamConnections: ({ containerType, title, containerIcon, link, }: LinkedContainerCardProps) => React.JSX.Element;

package/dist/types-ts4.5/components/team-profile-card/team-connections/main.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { type LinkedContainerCardProps } from '@atlaskit/teams-public';
 export declare const TeamConnections: ({ containerType, title, containerIcon, link, }: LinkedContainerCardProps) => React.JSX.Element;
-export declare const NewTeamConnections: ({ containerType, title, containerIcon, link, }: LinkedContainerCardProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.20.3",
+	"version": "24.20.5",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,9 +42,9 @@
 		"@atlaskit/afm-i18n-platform-people-and-teams-profilecard": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/atlassian-context": "^0.6.0",
-		"@atlaskit/avatar": "^25.4.0",
-		"@atlaskit/avatar-group": "^12.3.0",
-		"@atlaskit/button": "^23.5.0",
+		"@atlaskit/avatar": "^25.5.0",
+		"@atlaskit/avatar-group": "^12.4.0",
+		"@atlaskit/button": "^23.6.0",
 		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/empty-state": "^10.1.0",
@@ -54,28 +54,26 @@
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.9.0",
-		"@atlaskit/lozenge": "^13.0.0",
+		"@atlaskit/lozenge": "^13.1.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.5.0",
-		"@atlaskit/people-teams-ui-public": "^3.5.0",
+		"@atlaskit/modal-dialog": "^14.6.0",
+		"@atlaskit/people-teams-ui-public": "^3.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/platform-feature-flags-react": "^0.3.0",
-		"@atlaskit/popup": "^4.4.0",
-		"@atlaskit/primitives": "^16.0.0",
-		"@atlaskit/rovo-agent-components": "^3.9.0",
-		"@atlaskit/rovo-triggers": "^3.15.0",
+		"@atlaskit/platform-feature-flags-react": "^0.4.0",
+		"@atlaskit/popup": "^4.6.0",
+		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/rovo-agent-components": "^3.10.0",
+		"@atlaskit/rovo-triggers": "^4.0.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-app-config": "^1.12.0",
-		"@atlaskit/teams-app-internal-analytics": "^1.18.0",
-		"@atlaskit/teams-avatar": "^2.3.0",
+		"@atlaskit/teams-app-internal-analytics": "^1.19.0",
+		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/teams-public": "^0.62.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.6.0",
+		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/tooltip": "^20.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
-		"@emotion/react": "^11.7.1",
-		"@emotion/styled": "^11.0.0",
 		"date-fns": "^2.17.0",
 		"date-fns-tz": "^2.0.0",
 		"graphql": "^15.8.0",
@@ -141,12 +139,6 @@
 		"pt-deprecate-assistance-service": {
 			"type": "boolean"
 		},
-		"dst-a11y__replace-anchor-with-link__people-and-tea": {
-			"type": "boolean"
-		},
-		"should-render-to-parent-should-be-true-people-and-": {
-			"type": "boolean"
-		},
 		"platform-adopt-teams-nav-config": {
 			"type": "boolean"
 		},

package/afm-dev-agents/tsconfig.json

@@ -1,123 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.dev-agents.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../dev-agents/tsDist/@atlaskit__profilecard/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-next/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../uip/atlassian-context/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar-group/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/css/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/dropdown-menu/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/empty-state/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../measurement/feature-gate-js-client/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../team-central/give-kudos/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/heading/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/link/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/logo/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/lozenge/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/menu/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/modal-dialog/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../people-teams-ui-public/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags-react/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popup/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../ai-mate/rovo-agent-components/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../ai-mate/rovo-triggers/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../teams-app-config/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../teams-app-internal-analytics/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../teams-avatar/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../teams-public/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-dev-agents/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-dev-agents/tsconfig.json"
-		}
-	]
-}