@atlaskit/profilecard 23.16.3 → 23.16.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/profilecard
 
+## 23.16.5
+
+### Patch Changes
+
+- [#156607](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/156607)
+  [`88044bfdf186f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/88044bfdf186f) -
+  Splits styles for the profilecard triggers into separate files from the main card styles in order
+  to reduce the bundle size of the triggers, allowing more code to be loaded async
+- Updated dependencies
+
+## 23.16.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.16.3
 
 ### Patch Changes

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.16.3");
+  headers.append('atl-client-version', "23.16.5");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

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

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _TeamCard = require("../../styled/TeamCard");
+var _TeamTrigger = require("../../styled/TeamTrigger");
 var _analytics = require("../../util/analytics");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,11 +21,11 @@ var _default = exports.default = function _default(props) {
       });
     });
   }, [analytics]);
-  return /*#__PURE__*/_react.default.createElement(_TeamCard.CardWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardWrapper, {
     testId: "team-profilecard"
-  }, /*#__PURE__*/_react.default.createElement(_TeamCard.CardHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardHeader, {
     isLoading: true
-  }), /*#__PURE__*/_react.default.createElement(_TeamCard.CardContent, null, /*#__PURE__*/_react.default.createElement(_TeamCard.LoadingWrapper, {
+  }), /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardContent, null, /*#__PURE__*/_react.default.createElement(_TeamTrigger.LoadingWrapper, {
     testId: "team-profilecard-spinner"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, null))));
 };

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

@@ -30,6 +30,7 @@ var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
 var _Error = require("../../styled/Error");
 var _TeamCard = require("../../styled/TeamCard");
+var _TeamTrigger = require("../../styled/TeamTrigger");
 var _analytics = require("../../util/analytics");
 var _click = require("../../util/click");
 var _Error2 = require("../Error");
@@ -310,12 +311,12 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [analytics]);
-  return /*#__PURE__*/_react.default.createElement(_TeamCard.CardWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardWrapper, {
     testId: "team-profilecard"
-  }, /*#__PURE__*/_react.default.createElement(_TeamCard.CardHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardHeader, {
     image: team.largeHeaderImageUrl || team.smallHeaderImageUrl,
     label: team.displayName
-  }), /*#__PURE__*/_react.default.createElement(_TeamCard.CardContent, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }), /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardContent, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: team.displayName
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement(_TeamCard.TeamName, null, team.displayName), team.isVerified && /*#__PURE__*/_react.default.createElement(_verifiedTeamIcon.VerifiedTeamIcon, null))), /*#__PURE__*/_react.default.createElement(TeamMembers, {
     analytics: analytics,
@@ -382,7 +383,7 @@ var TeamProfileCard = function TeamProfileCard(props) {
         analytics: analytics
       });
     } else {
-      return /*#__PURE__*/_react.default.createElement(_TeamCard.CardWrapper, {
+      return /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardWrapper, {
         testId: "team-profilecard"
       }, /*#__PURE__*/_react.default.createElement(ErrorMessage, {
         analytics: analytics,

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

@@ -21,6 +21,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _colors = require("@atlaskit/theme/colors");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 var _click = require("../../util/click");
 var _performance = require("../../util/performance");
@@ -58,7 +59,7 @@ var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosD
   };
 };
 var Wrapper = function Wrapper(props) {
-  return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
     testId: "profilecard",
     role: "dialog",
     labelledBy: "profilecard-name-label"
@@ -218,7 +219,7 @@ var LoadingView = function LoadingView(_ref2) {
       });
     });
   }, [fireAnalyticsWithDuration]);
-  return /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, {
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, {
     testId: "profilecard-spinner-container"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };

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

@@ -18,7 +18,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
 var _filterActions = _interopRequireDefault(require("../../internal/filterActions"));
-var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 var _Error = require("../Error");
 var _ProfileCard = _interopRequireDefault(require("./ProfileCard"));
@@ -171,11 +171,11 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         addFlag = _this$props3.addFlag;
       var isFetchingOrNotStartToFetchYet = isLoading === true || isLoading === undefined;
       if (isFetchingOrNotStartToFetchYet) {
-        return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_UserLoadingState.default, {
+        return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_UserLoadingState.default, {
           fireAnalytics: this.fireAnalytics
         }));
       } else if (hasError) {
-        return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, {
+        return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
           testId: "profile-card-resourced-error-state"
         }, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
           errorType: error,
@@ -197,7 +197,7 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         teamCentralBaseUrl: teamCentralBaseUrl,
         openKudosDrawer: this.openKudosDrawer
       });
-      return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isKudosEnabled && newProps.teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isKudosEnabled && newProps.teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
         fallback: null
       }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
         isOpen: this.state.kudosDrawerOpen,

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

@@ -22,7 +22,7 @@ var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions = _interopRequireDefault(require("../../internal/filterActions"));
 var _getLabelMessage = _interopRequireDefault(require("../../internal/getLabelMessage"));
-var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 var _config = require("../../util/config");
 var _AgentProfileCardResourced = require("../Agent/AgentProfileCardResourced");
@@ -425,7 +425,7 @@ function ProfilecardTriggerNext(_ref2) {
 }
 var LoadingView = function LoadingView(_ref4) {
   var fireAnalytics = _ref4.fireAnalytics;
-  return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
     testId: "profilecard.profilecardtrigger.loading"
   }, /*#__PURE__*/_react.default.createElement(_UserLoadingState.default, {
     fireAnalytics: fireAnalytics

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,6 +17,6 @@ var UserLoadingState = function UserLoadingState(_ref) {
   (0, _react.useEffect)(function () {
     fireAnalytics((0, _analytics.profileCardRendered)('user', 'spinner'));
   }, [fireAnalytics]);
-  return /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };
 var _default = exports.default = UserLoadingState;

package/dist/cjs/components/common/LoadingState.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LoadingState = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -20,5 +20,5 @@ var LoadingState = exports.LoadingState = function LoadingState(_ref) {
       fireAnalytics((0, _analytics.profileCardRendered)(profileType, 'spinner'));
     }
   }, [fireAnalytics, profileType]);
-  return /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };

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

@@ -22,11 +22,9 @@
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
-._1bah1h6o{justify-content:center}
 ._1bah1y6m{justify-content:flex-start}
 ._1bahesu3{justify-content:flex-end}
 ._1bsb18pt{width:228px}
-._1bsb1gwv{width:360px}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1bsb1w81{width:150px}
 ._1bsb7vkz{width:1pc}
@@ -52,7 +50,6 @@
 ._2lx21bp4{flex-direction:column}
 ._2lx2vrvc{flex-direction:row}
 ._4cvr1h6o{align-items:center}
-._4t3i16xz{height:6pc}
 ._4t3i1w81{height:150px}
 ._4t3i7vkz{height:1pc}
 ._4t3izwfg{height:2pc}

package/dist/cjs/styled/Card.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SpinnerContainer = exports.ProfileImage = exports.OverflowActionButtonsWrapper = exports.LozengeWrapper = exports.KudosBlobAnimationStyle = exports.KudosBlobAnimation = exports.JobTitleLabel = exports.DisabledInfo = exports.DetailsLabelText = exports.DetailsLabelIcon = exports.DetailsLabel = exports.DetailsGroup = exports.CustomLozengeContainer = exports.CardWrapper = exports.CardContent = exports.CardContainer = exports.AppTitleLabel = exports.AnimationWrapper = exports.AnimatedKudosButton = exports.ActionsFlexSpacer = exports.ActionButtonGroup = void 0;
+exports.ProfileImage = exports.OverflowActionButtonsWrapper = exports.LozengeWrapper = exports.KudosBlobAnimationStyle = exports.KudosBlobAnimation = exports.JobTitleLabel = exports.DisabledInfo = exports.DetailsLabelText = exports.DetailsLabelIcon = exports.DetailsLabel = exports.DetailsGroup = exports.CustomLozengeContainer = exports.CardContent = exports.CardContainer = exports.AppTitleLabel = exports.AnimationWrapper = exports.AnimatedKudosButton = exports.ActionsFlexSpacer = exports.ActionButtonGroup = void 0;
 require("./Card.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -18,13 +18,12 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("./constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
 /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var kudosButtonAnimationTransformationCompiled = null;
 var styles = {
-  cardWrapper: "_2rkoglpi _1bsb1gwv",
   profileImage: "_kqswstnw _154i1ejb _1ltv1ejb",
   actionsFlexSpacer: "_16jlkb7n _1o9zidpf _i0dl1wug",
   kudosBlobAnimationStyle: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _154ixy5q",
@@ -37,7 +36,6 @@ var styles = {
   disabledInfo: "_11c81o8v _syaz1fxt _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t",
   lozengeWrapper: "_19pkpxbi _1e0c1ule",
   customLozengeContainer: "_1e0c1txw _2lx2vrvc _1n261g80 _1bah1y6m _19pkutpp",
-  spinnerContainer: "_4cvr1h6o _1e0c1txw _4t3i16xz _1bah1h6o _kqswh2mm",
   cardContainer: "_1reo15vq _18m915vq _kqswh2mm _12vemgnk _1lrw14bs _ca0q1ejb _19bv1ejb _u5f31ejb _n3td1ejb",
   cardContainerActiveUser: "_1itk1419",
   cardContainerDisabledUser: "_1itkkf3t",
@@ -50,43 +48,24 @@ var styles = {
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t",
   appTitleLabel: "_2rkoglpi _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
 };
-var CardWrapper = exports.CardWrapper = function CardWrapper(_ref) {
-  var children = _ref.children,
-    role = _ref.role,
-    testId = _ref.testId,
-    labelledBy = _ref.labelledBy;
-  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.cardWrapper),
-    backgroundColor: 'elevation.surface.overlay',
-    role: role,
-    testId: testId,
-    "aria-labelledby": labelledBy
-  }, children) : /*#__PURE__*/_react.default.createElement(CardWrapperLegacy, {
-    "data-testid": testId,
-    role: role,
-    "aria-labelledby": labelledBy
-  }, children);
-};
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CardWrapperLegacy = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\twidth: 360px;\n"])), _constants2.bgColor, "var(--ds-border-radius, 3px)");
-var ProfileImage = exports.ProfileImage = function ProfileImage(_ref2) {
-  var children = _ref2.children;
+var ProfileImage = exports.ProfileImage = function ProfileImage(_ref) {
+  var children = _ref.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.profileImage)
   }, children) : /*#__PURE__*/_react.default.createElement(ProfileImageLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ProfileImageLegacy = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\ttop: ", ";\n\tleft: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
+var ProfileImageLegacy = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\ttop: ", ";\n\tleft: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 var ActionsFlexSpacer = exports.ActionsFlexSpacer = function ActionsFlexSpacer() {
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.actionsFlexSpacer)
   }) : /*#__PURE__*/_react.default.createElement(ActionsFlexSpacerLegacy, null);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ActionsFlexSpacerLegacy = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tflex: 1 0 auto;\n"])));
+var ActionsFlexSpacerLegacy = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tflex: 1 0 auto;\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/no-keyframes-tagged-template-expression -- needs manual remediation
-var kudosButtonAnimationTransformation = (0, _react2.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n"])));
+var kudosButtonAnimationTransformation = (0, _react2.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n"])));
 var KudosBlobAnimationStyle = exports.KudosBlobAnimationStyle = function KudosBlobAnimationStyle() {
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.kudosBlobAnimationStyle)
@@ -99,7 +78,7 @@ var KudosBlobAnimationStyle = exports.KudosBlobAnimationStyle = function KudosBl
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
-var KudosBlobAnimationStyleLegacy = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: none;\n\theight: 150px;\n\twidth: 150px;\n\tz-index: -1;\n\tposition: absolute;\n\ttop: ", "em;\n\tanimation-name: ", ";\n\tanimation-iteration-count: 1;\n\tanimation-duration: 3s;\n\tbackground-image: radial-gradient(\n\t\tcircle,\n\t\t", " 0%,\n\t\t", " 25%,\n\t\ttransparent 50%\n\t);\n\toverflow: hidden;\n"])), 32 / 14, kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
+var KudosBlobAnimationStyleLegacy = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: none;\n\theight: 150px;\n\twidth: 150px;\n\tz-index: -1;\n\tposition: absolute;\n\ttop: ", "em;\n\tanimation-name: ", ";\n\tanimation-iteration-count: 1;\n\tanimation-duration: 3s;\n\tbackground-image: radial-gradient(\n\t\tcircle,\n\t\t", " 0%,\n\t\t", " 25%,\n\t\ttransparent 50%\n\t);\n\toverflow: hidden;\n"])), 32 / 14, kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
 var KudosBlobAnimation = exports.KudosBlobAnimation = function KudosBlobAnimation() {
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.kudosBlobAnimationStyle)
@@ -108,26 +87,26 @@ var KudosBlobAnimation = exports.KudosBlobAnimation = function KudosBlobAnimatio
 var KudosBlobAnimationLegacy = function KudosBlobAnimationLegacy() {
   return /*#__PURE__*/_react.default.createElement(KudosBlobAnimationStyle, null);
 };
-var AnimationWrapper = exports.AnimationWrapper = function AnimationWrapper(_ref3) {
-  var children = _ref3.children;
+var AnimationWrapper = exports.AnimationWrapper = function AnimationWrapper(_ref2) {
+  var children = _ref2.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.animationWrapper)
   }, children) : /*#__PURE__*/_react.default.createElement(AnimationWrapperLegacy, null, children);
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var AnimationWrapperLegacy = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\tclip-path: inset(0px 0px 0px 0px round ", "px);\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n"])), (0, _constants.borderRadius)());
-var AnimatedKudosButton = exports.AnimatedKudosButton = function AnimatedKudosButton(_ref4) {
-  var children = _ref4.children;
+var AnimationWrapperLegacy = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\tclip-path: inset(0px 0px 0px 0px round ", "px);\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n"])), (0, _constants.borderRadius)());
+var AnimatedKudosButton = exports.AnimatedKudosButton = function AnimatedKudosButton(_ref3) {
+  var children = _ref3.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.animatedKudosButton)
   }, children) : /*#__PURE__*/_react.default.createElement(AnimatedKudosButtonLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var AnimatedKudosButtonLegacy = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-left: ", ";\n\n\t/* Need babel-plugin-emotion to use component selector */\n\t/* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n\t&:focus-within .kudos-blob-animation,\n\t&:focus .kudos-blob-animation,\n\t&:hover .kudos-blob-animation {\n\t\tdisplay: block;\n\t}\n"])), "var(--ds-space-100, 8px)");
-var ActionButtonGroup = exports.ActionButtonGroup = function ActionButtonGroup(_ref5) {
-  var children = _ref5.children,
-    testId = _ref5.testId;
+var AnimatedKudosButtonLegacy = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-left: ", ";\n\n\t/* Need babel-plugin-emotion to use component selector */\n\t/* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n\t&:focus-within .kudos-blob-animation,\n\t&:focus .kudos-blob-animation,\n\t&:hover .kudos-blob-animation {\n\t\tdisplay: block;\n\t}\n"])), "var(--ds-space-100, 8px)");
+var ActionButtonGroup = exports.ActionButtonGroup = function ActionButtonGroup(_ref4) {
+  var children = _ref4.children,
+    testId = _ref4.testId;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: testId,
     xcss: (0, _css.cx)(styles.actionButtonGroup)
@@ -136,10 +115,10 @@ var ActionButtonGroup = exports.ActionButtonGroup = function ActionButtonGroup(_
   }, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ActionButtonGroupLegacy = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\tuser-select: none;\n\tmargin: ", " 0 0 0;\n\ttext-align: right;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\n\tbutton,\n\ta {\n\t\tposition: relative;\n\t}\n\n\tbutton,\n\ta,\n\tspan {\n\t\tmargin-left: ", ";\n\n\t\t&:first-child {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\ta,\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-0, 0px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
-var OverflowActionButtonsWrapper = exports.OverflowActionButtonsWrapper = function OverflowActionButtonsWrapper(_ref6) {
-  var children = _ref6.children,
-    testId = _ref6.testId;
+var ActionButtonGroupLegacy = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\tuser-select: none;\n\tmargin: ", " 0 0 0;\n\ttext-align: right;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\n\tbutton,\n\ta {\n\t\tposition: relative;\n\t}\n\n\tbutton,\n\ta,\n\tspan {\n\t\tmargin-left: ", ";\n\n\t\t&:first-child {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\ta,\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-0, 0px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
+var OverflowActionButtonsWrapper = exports.OverflowActionButtonsWrapper = function OverflowActionButtonsWrapper(_ref5) {
+  var children = _ref5.children,
+    testId = _ref5.testId;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: testId,
     xcss: (0, _css.cx)(styles.overflowActionButtonsWrapper)
@@ -148,49 +127,49 @@ var OverflowActionButtonsWrapper = exports.OverflowActionButtonsWrapper = functi
   }, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var OverflowActionButtonsWrapperLegacy = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\twidth: ", ";\n\theight: ", ";\n\tmargin-left: ", ";\n\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
-var CardContent = exports.CardContent = function CardContent(_ref7) {
-  var children = _ref7.children;
+var OverflowActionButtonsWrapperLegacy = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\twidth: ", ";\n\theight: ", ";\n\tmargin-left: ", ";\n\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
+var CardContent = exports.CardContent = function CardContent(_ref6) {
+  var children = _ref6.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.cardContent)
   }, children) : /*#__PURE__*/_react.default.createElement(CardContentLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CardContentLegacy = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 136px;\n"])));
-var DetailsGroup = exports.DetailsGroup = function DetailsGroup(_ref8) {
-  var children = _ref8.children;
+var CardContentLegacy = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 136px;\n"])));
+var DetailsGroup = exports.DetailsGroup = function DetailsGroup(_ref7) {
+  var children = _ref7.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.detailsGroup)
   }, children) : /*#__PURE__*/_react.default.createElement(DetailsGroupLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var DetailsGroupLegacy = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-left: 116px;\n\twidth: 196px;\n"])));
-var DisabledInfo = exports.DisabledInfo = function DisabledInfo(_ref9) {
-  var children = _ref9.children;
+var DetailsGroupLegacy = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-left: 116px;\n\twidth: 196px;\n"])));
+var DisabledInfo = exports.DisabledInfo = function DisabledInfo(_ref8) {
+  var children = _ref8.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.disabledInfo)
   }, children) : /*#__PURE__*/_react.default.createElement(DisabledInfoLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var DisabledInfoLegacy = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: ", " 0 0 0;\n\tline-height: 16px;\n"])), "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.labelTextColor, "var(--ds-space-150, 12px)");
-var LozengeWrapper = exports.LozengeWrapper = function LozengeWrapper(_ref10) {
-  var children = _ref10.children;
+var DisabledInfoLegacy = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: ", " 0 0 0;\n\tline-height: 16px;\n"])), "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.labelTextColor, "var(--ds-space-150, 12px)");
+var LozengeWrapper = exports.LozengeWrapper = function LozengeWrapper(_ref9) {
+  var children = _ref9.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.lozengeWrapper)
   }, children) : /*#__PURE__*/_react.default.createElement(LozengeWrapperLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LozengeWrapperLegacy = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
-var CustomLozengeContainer = exports.CustomLozengeContainer = function CustomLozengeContainer(_ref11) {
-  var children = _ref11.children;
+var LozengeWrapperLegacy = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
+var CustomLozengeContainer = exports.CustomLozengeContainer = function CustomLozengeContainer(_ref10) {
+  var children = _ref10.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.customLozengeContainer)
   }, children) : /*#__PURE__*/_react.default.createElement(CustomLozengeContainerLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CustomLozengeContainerLegacy = (0, _styled.default)(LozengeWrapper)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tmargin-top: ", ";\n\t> * {\n\t\tmargin-top: ", ";\n\t\t&:not(:last-child) {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
-var JobTitleLabel = exports.JobTitleLabel = function JobTitleLabel(_ref12) {
-  var children = _ref12.children;
+var CustomLozengeContainerLegacy = (0, _styled.default)(LozengeWrapper)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tmargin-top: ", ";\n\t> * {\n\t\tmargin-top: ", ";\n\t\t&:not(:last-child) {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
+var JobTitleLabel = exports.JobTitleLabel = function JobTitleLabel(_ref11) {
+  var children = _ref11.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.jobTitleLabel)
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
@@ -199,9 +178,9 @@ var JobTitleLabel = exports.JobTitleLabel = function JobTitleLabel(_ref12) {
   }, children)) : /*#__PURE__*/_react.default.createElement(JobTitleLabelLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var JobTitleLabelLegacy = _styled.default.span(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: 0 0 ", " 0;\n"])), "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.headerTextColor, "var(--ds-space-150, 12px)");
-var AppTitleLabel = exports.AppTitleLabel = function AppTitleLabel(_ref13) {
-  var children = _ref13.children;
+var JobTitleLabelLegacy = _styled.default.span(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: 0 0 ", " 0;\n"])), "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.headerTextColor, "var(--ds-space-150, 12px)");
+var AppTitleLabel = exports.AppTitleLabel = function AppTitleLabel(_ref12) {
+  var children = _ref12.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.appTitleLabel),
     backgroundColor: "color.background.neutral"
@@ -212,23 +191,11 @@ var AppTitleLabel = exports.AppTitleLabel = function AppTitleLabel(_ref13) {
   }, children)) : /*#__PURE__*/_react.default.createElement(AppTitleLabelLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var AppTitleLabelLegacy = _styled.default.span(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: 0 ", ";\n\twidth: fit-content;\n\tfont-weight: ", ";\n\ttext-transform: uppercase;\n\n\tfont: ", ";\n\tmargin: ", " 0 ", " 0;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-075, 6px)", "var(--ds-font-weight-bold, 700)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)");
-var SpinnerContainer = exports.SpinnerContainer = function SpinnerContainer(_ref14) {
-  var children = _ref14.children,
-    testId = _ref14.testId;
-  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    testId: testId,
-    xcss: (0, _css.cx)(styles.spinnerContainer)
-  }, children) : /*#__PURE__*/_react.default.createElement(SpinnerContainerLegacy, {
-    "data-testid": testId
-  }, children);
-};
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SpinnerContainerLegacy = _styled.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n\talign-items: center;\n\tdisplay: flex;\n\theight: 96px;\n\tjustify-content: center;\n\tposition: relative;\n"])));
-var CardContainer = exports.CardContainer = function CardContainer(_ref15) {
-  var children = _ref15.children,
-    isDisabledUser = _ref15.isDisabledUser,
-    withoutElevation = _ref15.withoutElevation;
+var AppTitleLabelLegacy = _styled.default.span(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: 0 ", ";\n\twidth: fit-content;\n\tfont-weight: ", ";\n\ttext-transform: uppercase;\n\n\tfont: ", ";\n\tmargin: ", " 0 ", " 0;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-075, 6px)", "var(--ds-font-weight-bold, 700)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)");
+var CardContainer = exports.CardContainer = function CardContainer(_ref13) {
+  var children = _ref13.children,
+    isDisabledUser = _ref13.isDisabledUser,
+    withoutElevation = _ref13.withoutElevation;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.cardContainer, isDisabledUser ? styles.cardContainerDisabledUser : styles.cardContainerActiveUser, !withoutElevation && styles.cardContainerWithElevation)
   }, children) : /*#__PURE__*/_react.default.createElement(CardContainerLegacy, {
@@ -237,7 +204,7 @@ var CardContainer = exports.CardContainer = function CardContainer(_ref15) {
   }, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CardContainerLegacy = _styled.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tbackground-image: linear-gradient(\n\t\tto bottom,\n\t\t", "\n\t\t\t0%,\n\t\t", " 100%\n\t);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% 96px;\n\tbox-sizing: content-box;\n\tpadding: ", ";\n\tbox-shadow: ", ";\n\tborder-radius: ", ";\n\n\toverflow: hidden;\n"])), function (props) {
+var CardContainerLegacy = _styled.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tbackground-image: linear-gradient(\n\t\tto bottom,\n\t\t", "\n\t\t\t0%,\n\t\t", " 100%\n\t);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% 96px;\n\tbox-sizing: content-box;\n\tpadding: ", ";\n\tbox-shadow: ", ";\n\tborder-radius: ", ";\n\n\toverflow: hidden;\n"])), function (props) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
 }, function (props) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
@@ -246,31 +213,31 @@ var CardContainerLegacy = _styled.default.div(_templateObject18 || (_templateObj
 }, function (props) {
   return props.withoutElevation ? '' : "".concat((0, _constants.borderRadius)(), "px");
 });
-var DetailsLabel = exports.DetailsLabel = function DetailsLabel(_ref16) {
-  var children = _ref16.children,
-    _ref16$extraTopSpace = _ref16.extraTopSpace,
-    extraTopSpace = _ref16$extraTopSpace === void 0 ? false : _ref16$extraTopSpace;
+var DetailsLabel = exports.DetailsLabel = function DetailsLabel(_ref14) {
+  var children = _ref14.children,
+    _ref14$extraTopSpace = _ref14.extraTopSpace,
+    extraTopSpace = _ref14$extraTopSpace === void 0 ? false : _ref14$extraTopSpace;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.detailsLabel, extraTopSpace && styles.detailsLabelExtraTopSpace)
   }, children) : /*#__PURE__*/_react.default.createElement(DetailsLabelLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var DetailsLabelLegacy = _styled.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: ", " 0 0 0;\n\twhite-space: nowrap;\n\n\t& + & {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
-var DetailsLabelIcon = exports.DetailsLabelIcon = function DetailsLabelIcon(_ref17) {
-  var children = _ref17.children;
+var DetailsLabelLegacy = _styled.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: ", " 0 0 0;\n\twhite-space: nowrap;\n\n\t& + & {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
+var DetailsLabelIcon = exports.DetailsLabelIcon = function DetailsLabelIcon(_ref15) {
+  var children = _ref15.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "dt",
     xcss: (0, _css.cx)(styles.detailsLabelIcon)
   }, children) : /*#__PURE__*/_react.default.createElement(DetailsLabelIconLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var DetailsLabelIconLegacy = _styled.default.dt(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
-var DetailsLabelText = exports.DetailsLabelText = function DetailsLabelText(_ref18) {
-  var children = _ref18.children;
+var DetailsLabelIconLegacy = _styled.default.dt(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
+var DetailsLabelText = exports.DetailsLabelText = function DetailsLabelText(_ref16) {
+  var children = _ref16.children;
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "dd",
     xcss: (0, _css.cx)(styles.detailsLabelText)
   }, children) : /*#__PURE__*/_react.default.createElement(DetailsLabelTextLegacy, null, children);
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var DetailsLabelTextLegacy = _styled.default.dd(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tfont: ", ";\n\tpadding-block: ", ";\n\tpadding-left: ", ";\n\tmargin-inline-start: 0;\n\tmargin-top: 0;\n"])), _constants2.labelTextColor, "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
+var DetailsLabelTextLegacy = _styled.default.dd(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tfont: ", ";\n\tpadding-block: ", ";\n\tpadding-left: ", ";\n\tmargin-inline-start: 0;\n\tmargin-top: 0;\n"])), _constants2.labelTextColor, "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");

package/dist/cjs/styled/TeamCard.compiled.css

@@ -1,37 +1,25 @@
 ._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
 ._18u01i6y{margin-left:var(--ds-space-negative-025,-2px)}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._18u0x0bf{margin-left:var(--ds-space-negative-100,-8px)}
-._19bv1ejb{padding-left:var(--ds-space-300,24px)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pk1ejb{margin-top:var(--ds-space-300,24px)}
-._19pk1jfw{margin-top:var(--ds-space-500,40px)}
 ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1osq{width:100%}
 ._1bsbnklw{width:20pc}
-._1e0c1kw7{display:inherit}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
 ._1p1dglyw{text-transform:none}
 ._1reo15vq{overflow-x:hidden}
-._1tke1l8a{min-height:78pt}
 ._2hwx10v4{margin-right:var(--ds-space-negative-300,-24px)}
-._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
-._4t3i1qr7{height:8pc}
 ._c71l1wqb{max-height:60px}
 ._c71lckbl{max-height:3pc}
-._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._i0dlidpf{flex-basis:0}
 ._kqswh2mm{position:relative}
-._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
 ._otyr1ejb{margin-bottom:var(--ds-space-300,24px)}
-._otyr1jfw{margin-bottom:var(--ds-space-500,40px)}
 ._otyridpf{margin-bottom:0}
-._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
-._u5f31ejb{padding-right:var(--ds-space-300,24px)}
-._y3gn1h6o{text-align:center}
+._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}