@atlaskit/profilecard 24.20.4 → 24.21.0

package/dist/es2019/components/Agent/AgentProfileCardCompiled.js

@@ -20,7 +20,7 @@ import { messages } from './messages';
 const styles = {
   detailWrapper: "_18zrpxbi _1q51xy5q",
   avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
-  cardContainerStyles: "_2rko1mok _16qs1cd0 _kqswh2mm"
+  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm"
 };
 const AgentProfileCard = ({
   agent,

package/dist/es2019/components/Icon/IconLabel.js

@@ -22,7 +22,7 @@ export default class IconLabel extends React.PureComponent {
     const displayIcon = IconElement ? /*#__PURE__*/React.createElement(IconElement, {
       label: `${this.props.icon}`,
       LEGACY_size: "small",
-      color: "var(--ds-text-subtlest, #626F86)"
+      color: "var(--ds-text-subtlest, #6B6E76)"
     }) : null;
     return /*#__PURE__*/React.createElement(DetailsLabel, {
       extraTopSpace: this.props.extraTopSpace

package/dist/es2019/components/User/ProfileCardDetails.compiled.css

@@ -21,5 +21,5 @@
 ._rcujutpp._rcujutpp{margin-top:var(--ds-space-150,9pt)}
 ._rcujxy5q._rcujxy5q{margin-top:var(--ds-space-400,2pc)}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -20,7 +20,7 @@ const styles = {
   noMetaLabelWithHighSpecificity: "_vvzr1ixg _1hpmxy5q _1bguutpp",
   metaLabel: "_2hwxidpf _otyridpf _18u0idpf _rcujutpp",
   metaLabelWithHighSpecificity: "_2hwxidpf _otyridpf _18u0idpf _vvzr1ixg _1hpmutpp",
-  disabledAccount: "_syaz1fxt",
+  disabledAccount: "_syazi7uo",
   activeAccount: "_syaz15cr"
 };
 const renderName = (nickname, fullName, meta) => {

package/dist/es2019/components/User/ReportingLinesDetails.compiled.css

@@ -3,4 +3,4 @@
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
-._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}

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

@@ -28,7 +28,7 @@ const reportingLinesHeadingStyles = xcss({
   marginBottom: '0'
 });
 const styles = {
-  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr3166n"
+  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr31dpa"
 };
 const avatarGroupMaxCount = 5;
 const ReportingLinesDetails = props => {

package/dist/es2019/components/User/ReportingLinesDetailsCompiled.compiled.css

@@ -6,6 +6,6 @@
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
 ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
-._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}

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

@@ -14,8 +14,8 @@ function getProfileHref(userId, profileUrl) {
   return profileUrl ? profileUrl + userId : undefined;
 }
 const styles = {
-  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr3166n",
-  reportingLinesHeadingDefaultStyles: "_11c81vhk _syaz1fxt _k48p1pd9 _otyru2gc",
+  reportingLinesButton: "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bfhksm61 _irr31dpa",
+  reportingLinesHeadingDefaultStyles: "_11c81vhk _syazi7uo _k48p1pd9 _otyru2gc",
   reportingLinesHeadingStyles: "_otyrze3t"
 };
 const avatarGroupMaxCount = 5;

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

@@ -103,10 +103,7 @@ function ProfileCardTriggerInner({
         "data-testid": testId
       }));
     },
-    content: () =>
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    React.createElement("div", {
+    content: () => /*#__PURE__*/React.createElement("div", {
       onMouseEnter: onMouseEnter
       // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,

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

@@ -1,45 +1,31 @@
 ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._v564nm7n{transition:box-shadow .25s ease-in-out}
-._189ee4h9{border-width:var(--ds-border-width,1px)}
-._1dqonqa1{border-style:solid}
-._1h6dmuej{border-color:var(--ds-border,#091e4224)}
-._15a5nqa1{border-top-style:solid}
 ._18m915vq{overflow-y:hidden}
 ._18m91wug{overflow-y:auto}
 ._18u01ejb{margin-left:var(--ds-space-300,24px)}
 ._18u01wug{margin-left:auto}
 ._18u0pxbi{margin-left:var(--ds-space-200,1pc)}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
-._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
-._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1bsb1gwv{width:360px}
 ._1bsb1osq{width:100%}
 ._1bsb7vkz{width:1pc}
 ._1e0c1txw{display:flex}
-._1i53muej{border-top-color:var(--ds-border,#091e4224)}
 ._1reo15vq{overflow-x:hidden}
 ._1ul95x59{min-width:340px}
 ._2hwx1ejb{margin-right:var(--ds-space-300,24px)}
 ._2hwxpxbi{margin-right:var(--ds-space-200,1pc)}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._2lx21bp4{flex-direction:column}
-._4cvr1h6o{align-items:center}
 ._4t3i12am{height:50px}
-._4t3i1ul9{height:30px}
 ._4t3i1wug{height:auto}
-._4t3i53f4{height:75pt}
 ._4t3i7vkz{height:1pc}
 ._5ral1dfr{object-fit:cover}
-._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._c71lx2si{max-height:265px}
 ._kqswstnw{position:absolute}
 ._otyr12x7{margin-bottom:var(--ds-space-075,6px)}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
 ._s7n4jp4b{vertical-align:top}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
-._u5f31ejb{padding-right:var(--ds-space-300,24px)}
-._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

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

@@ -1,8 +1,9 @@
 /* main.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 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';
@@ -10,48 +11,27 @@ 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';
 const noop = () => {};
 const 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"
+  connectionTitleStyles: "_11c81vhk _18u0pxbi _19pk1b66 _2hwxpxbi _otyr12x7 _syazazsu",
+  teamAppTileStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
-const TeamCardWrapper = ({
-  id,
-  children
-}) => /*#__PURE__*/React.createElement(Box, {
-  xcss: styles.wrapperStyles,
-  testId: `team-card-${id}`
-}, children);
-const HeaderImage = ({
-  srcUrl
-}) => /*#__PURE__*/React.createElement(Box, {
-  as: "img",
-  src: srcUrl,
-  xcss: styles.headerImageStyles,
-  testId: "profile-header-image",
-  alt: "team-header-image"
-});
 export const TeamProfileCard = ({
   containerId,
   teamId,
@@ -79,9 +59,6 @@ export const TeamProfileCard = ({
   } = useAnalyticsEventsNext();
   // Ensure that the current container is not the only connection for this team before showing the "Where we work" section
   const hasOtherTeamConnections = useMemo(() => teamContainers.filter(tc => tc.id === containerId).length < teamContainers.length, [containerId, teamContainers]);
-
-  // TODO: set isNewLayout to be true when clean up 'team-bi-directional-container-connection' experiment
-  const isNewLayout = Boolean(props.isKudosEnabled || props.otherActions);
   const onClick = useCallback(() => {
     if (fg('ptc-enable-profile-card-analytics-refactor')) {
       fireEventNext('ui.button.clicked.viewTeamProfileButton', {});
@@ -95,117 +72,16 @@ export const TeamProfileCard = ({
         });
       }
     }
-    if (!isNewLayout) {
-      window.open(teamProfileUrl, '_blank');
-    }
-  }, [createAnalyticsEvent, teamProfileUrl, isNewLayout, fireEventNext]);
-  if (isNewLayout) {
-    return /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.wrapperStyles,
-      testId: `team-card-${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
-      },
-      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-${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
@@ -220,6 +96,8 @@ export const TeamProfileCard = ({
   }))), /*#__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, {
@@ -242,20 +120,48 @@ export const TeamProfileCard = ({
       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,
@@ -265,15 +171,7 @@ export const TeamProfileCard = ({
       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/es2019/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/es2019/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';
 const styles = {
-  containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
-  containerIconStyles: "_2rko12b0 _4t3i1tcg _1bsb1tcg",
   containerTypeIconButtonStyles: "_18u01wug _4t3i7vkz _1bsb7vkz"
 };
 export const TeamConnections = ({
@@ -19,72 +17,6 @@ export const TeamConnections = ({
   title,
   containerIcon,
   link
-}) => {
-  const {
-    description,
-    icon,
-    containerTypeText
-  } = getContainerProperties({
-    containerType,
-    iconSize: 'medium',
-    isDisplayedOnProfileCard: true
-  });
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const {
-    fireEvent: fireEventNext
-  } = useAnalyticsEventsNext();
-  const onClick = useCallback(() => {
-    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,
-    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 const NewTeamConnections = ({
-  containerType,
-  title,
-  containerIcon,
-  link
 }) => {
   const {
     description,

package/dist/es2019/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.compiled.css

@@ -1,8 +1,8 @@
 
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
-._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}
-._1rjc1b66{padding-block:var(--ds-space-050,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._1h6d8yml{border-color:var(--ds-border-accent-gray,#7d818a)}
+._1rjc1b66{padding-block:var(--ds-space-050,4px)}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
 ._12y3e4h9{outline-width:var(--ds-border-width,1px)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._1bsb1tcg{width:24px}
@@ -13,5 +13,5 @@
 ._4t3i7vkz{height:1pc}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/es2019/components/team-profile-card/team-containers-skeleton/linked-container-card-skeleton/index.js

@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 const styles = {
-  containerWrapperSkeleton: "_2rko12b0 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
+  containerWrapperSkeleton: "_2rko12b0 _1h6d8yml _12y3e4h9 _12ji1l7x _1qu2nqa1 _syazi7uo _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
   containerIconSkeleton: "_2rko12b0 _4t3i1tcg _1bsb1tcg _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc",
   firstLineSkeleton: "_2rko1rr0 _1rjc1b66",
   secondLineSkeleton: "_2rko1rr0 _1rjc1b66 _1bsbqkoa",

package/dist/es2019/styled/Card.compiled.css

@@ -8,7 +8,7 @@
 ._154ixy5q{top:var(--ds-space-400,2pc)}
 ._154ize3t{top:var(--ds-space-0,0)}
 ._16jlkb7n{flex-grow:1}
-._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}
 ._18u01epz{margin-left:var(--ds-space-1000,5pc)}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
@@ -36,15 +36,15 @@
 ._1e0c1txw{display:flex}
 ._1e0c1ule{display:block}
 ._1e0cglyw{display:none}
-._1itk1419{background-image:linear-gradient(to bottom,var(--ds-background-brand-bold,#0c66e4) 0,var(--ds-background-brand-bold,#0c66e4) 100%)}
-._1itkkf3t{background-image:linear-gradient(to bottom,var(--ds-background-disabled,#091e4208) 0,var(--ds-background-disabled,#091e4208) 100%)}
-._1itkq1hn{background-image:radial-gradient(circle,var(--ds-background-information-pressed,#85b8ff) 0,var(--ds-background-discovery-pressed,#b8acf6) 25%,transparent 50%)}
+._1itk1387{background-image:linear-gradient(to bottom,var(--ds-background-disabled,#17171708) 0,var(--ds-background-disabled,#17171708) 100%)}
+._1itkdsyg{background-image:radial-gradient(circle,var(--ds-background-information-pressed,#adcbfb) 0,var(--ds-background-discovery-pressed,#e3bdfa) 25%,transparent 50%)}
+._1itkybvv{background-image:linear-gradient(to bottom,var(--ds-background-brand-bold,#1868db) 0,var(--ds-background-brand-bold,#1868db) 100%)}
 ._1lrw14bs{background-size:100% 6pc}
 ._1ltv1ejb{left:var(--ds-space-300,24px)}
 ._1ltvze3t{left:var(--ds-space-0,0)}
 ._1n261g80{flex-wrap:wrap}
 ._1o9zidpf{flex-shrink:0}
-._1oqb1gjq#profile-card-action-button-group span{color:var(--ds-text-subtle,#44546f)}
+._1oqbazsu#profile-card-action-button-group span{color:var(--ds-text-subtle,#505258)}
 ._1pby1mrw{z-index:-1}
 ._1reo15vq{overflow-x:hidden}
 ._1tkebv7e{min-height:136px}
@@ -68,8 +68,8 @@
 ._o5721q9c{white-space:nowrap}
 ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
 ._s7n4jp4b{vertical-align:top}
-._syaz131l{color:var(--ds-text-subtlest,#626f86)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._tip8kb7n{animation-iteration-count:1}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}

package/dist/es2019/styled/Card.js

@@ -17,25 +17,25 @@ const styles = {
   overflowActionButtonsWrapper: "_1e0c1o8l _1bsbzwfg _4t3izwfg",
   cardContent: "_1e0c1txw _2lx21bp4 _1tkebv7e",
   detailsGroup: "_1e0c1txw _2lx21bp4 _18u01epz _19bvxy5q _1bsb18pt",
-  disabledInfo: "_11c81o8v _syaz1fxt _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t",
+  disabledInfo: "_11c81o8v _syazi7uo _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t",
   lozengeWrapper: "_19pkpxbi _1e0c1ule",
   customLozengeContainer: "_1e0c1txw _2lx2vrvc _1n261g80 _1bah1y6m _19pkutpp",
   cardContainer: "_1reo15vq _18m915vq _kqswh2mm _12vemgnk _1lrw14bs _ca0q1ejb _19bv1ejb _u5f31ejb _n3td1ejb",
-  cardContainerActiveUser: "_1itk1419",
-  cardContainerDisabledUser: "_1itkkf3t",
-  cardContainerWithElevation: "_2rko12b0 _16qs1cd0",
+  cardContainerActiveUser: "_1itkybvv",
+  cardContainerDisabledUser: "_1itk1387",
+  cardContainerWithElevation: "_2rko12b0 _16qs130s",
   detailsLabel: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _o5721q9c",
   detailsLabelNext: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _19bvze3t _o5721q9c",
   detailsLabelExtraTopSpace: "_19pkxy5q",
-  detailsLabelIcon: "_1e0c1txw _1o9zidpf _syaz131l _1bsb7vkz _4t3i7vkz _s7n4jp4b _19pkze3t",
-  detailsLabelText: "_1reo15vq _18m915vq _11c8dcr7 _1bto1l2s _syaz1fxt _19pkze3t _18u0ze3t",
-  kudosBlobAnimation: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _j7hq1q51 _tip8kb7n _5sagi11n _1itkq1hn",
+  detailsLabelIcon: "_1e0c1txw _1o9zidpf _syaz1rpy _1bsb7vkz _4t3i7vkz _s7n4jp4b _19pkze3t",
+  detailsLabelText: "_1reo15vq _18m915vq _11c8dcr7 _1bto1l2s _syazi7uo _19pkze3t _18u0ze3t",
+  kudosBlobAnimation: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _j7hq1q51 _tip8kb7n _5sagi11n _1itkdsyg",
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t",
-  appTitleLabel: "_2rko12b0 _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
+  appTitleLabel: "_2rko12b0 _syazi7uo _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
 };
 const stylesCompiled = {
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t _1br315cr",
-  actionButtonGroup: "_zulp12x7 _uiztglyw _19pkpxbi _2hwxze3t _18u0ze3t _otyrze3t _y3gnusic _1bahesu3 _1e0c1txw _1oqb1gjq"
+  actionButtonGroup: "_zulp12x7 _uiztglyw _19pkpxbi _2hwxze3t _18u0ze3t _otyrze3t _y3gnusic _1bahesu3 _1e0c1txw _1oqbazsu"
 };
 export const ProfileImage = ({
   children

package/dist/es2019/util/analytics.js

@@ -4,7 +4,7 @@ import { getPageTime } from './performance';
 const ANALYTICS_CHANNEL = 'peopleTeams';
 export const PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "24.20.3"
+  packageVersion: "0.0.0-development"
 };
 const runItLater = cb => {
   const requestIdleCallback = window.requestIdleCallback;
@@ -45,7 +45,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "24.20.3",
+    packageVersion: "0.0.0-development",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }