@atlaskit/profilecard 23.16.4 → 23.16.5

package/dist/esm/styled/Card.js

@@ -1,6 +1,6 @@
 /* Card.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-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;
 import "./Card.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
@@ -14,10 +14,9 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import { B200, N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor, labelIconColor, labelTextColor } from './constants';
+import { appLabelBgColor, appLabelTextColor, headerBgColor, headerBgColorDisabledUser, headerTextColor, labelIconColor, labelTextColor } from './constants';
 var kudosButtonAnimationTransformationCompiled = null;
 var styles = {
-  cardWrapper: "_2rkoglpi _1bsb1gwv",
   profileImage: "_kqswstnw _154i1ejb _1ltv1ejb",
   actionsFlexSpacer: "_16jlkb7n _1o9zidpf _i0dl1wug",
   kudosBlobAnimationStyle: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _154ixy5q",
@@ -30,7 +29,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",
@@ -43,43 +41,24 @@ var styles = {
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t",
   appTitleLabel: "_2rkoglpi _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
 };
-export var CardWrapper = function CardWrapper(_ref) {
-  var children = _ref.children,
-    role = _ref.role,
-    testId = _ref.testId,
-    labelledBy = _ref.labelledBy;
-  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.cardWrapper),
-    backgroundColor: 'elevation.surface.overlay',
-    role: role,
-    testId: testId,
-    "aria-labelledby": labelledBy
-  }, children) : /*#__PURE__*/React.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.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\twidth: 360px;\n"])), bgColor, "var(--ds-border-radius, 3px)");
-export var ProfileImage = function ProfileImage(_ref2) {
-  var children = _ref2.children;
+export var ProfileImage = function ProfileImage(_ref) {
+  var children = _ref.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.profileImage)
   }, children) : /*#__PURE__*/React.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.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tposition: absolute;\n\ttop: ", ";\n\tleft: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
+var ProfileImageLegacy = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\ttop: ", ";\n\tleft: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 export var ActionsFlexSpacer = function ActionsFlexSpacer() {
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.actionsFlexSpacer)
   }) : /*#__PURE__*/React.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.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tflex: 1 0 auto;\n"])));
+var ActionsFlexSpacerLegacy = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tflex: 1 0 auto;\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/no-keyframes-tagged-template-expression -- needs manual remediation
-var kudosButtonAnimationTransformation = keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n"])));
+var kudosButtonAnimationTransformation = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n"])));
 export var KudosBlobAnimationStyle = function KudosBlobAnimationStyle() {
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.kudosBlobAnimationStyle)
@@ -92,7 +71,7 @@ export var KudosBlobAnimationStyle = function KudosBlobAnimationStyle() {
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
-var KudosBlobAnimationStyleLegacy = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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)");
 export var KudosBlobAnimation = function KudosBlobAnimation() {
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.kudosBlobAnimationStyle)
@@ -101,26 +80,26 @@ export var KudosBlobAnimation = function KudosBlobAnimation() {
 var KudosBlobAnimationLegacy = function KudosBlobAnimationLegacy() {
   return /*#__PURE__*/React.createElement(KudosBlobAnimationStyle, null);
 };
-export var AnimationWrapper = function AnimationWrapper(_ref3) {
-  var children = _ref3.children;
+export var AnimationWrapper = function AnimationWrapper(_ref2) {
+  var children = _ref2.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.animationWrapper)
   }, children) : /*#__PURE__*/React.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.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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"])), borderRadius());
-export var AnimatedKudosButton = function AnimatedKudosButton(_ref4) {
-  var children = _ref4.children;
+var AnimationWrapperLegacy = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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"])), borderRadius());
+export var AnimatedKudosButton = function AnimatedKudosButton(_ref3) {
+  var children = _ref3.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.animatedKudosButton)
   }, children) : /*#__PURE__*/React.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.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\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)");
-export var ActionButtonGroup = function ActionButtonGroup(_ref5) {
-  var children = _ref5.children,
-    testId = _ref5.testId;
+var AnimatedKudosButtonLegacy = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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)");
+export var ActionButtonGroup = function ActionButtonGroup(_ref4) {
+  var children = _ref4.children,
+    testId = _ref4.testId;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     testId: testId,
     xcss: cx(styles.actionButtonGroup)
@@ -129,10 +108,10 @@ export var ActionButtonGroup = function ActionButtonGroup(_ref5) {
   }, 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.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\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(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
-export var OverflowActionButtonsWrapper = function OverflowActionButtonsWrapper(_ref6) {
-  var children = _ref6.children,
-    testId = _ref6.testId;
+var ActionButtonGroupLegacy = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\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(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
+export var OverflowActionButtonsWrapper = function OverflowActionButtonsWrapper(_ref5) {
+  var children = _ref5.children,
+    testId = _ref5.testId;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     testId: testId,
     xcss: cx(styles.overflowActionButtonsWrapper)
@@ -141,49 +120,49 @@ export var OverflowActionButtonsWrapper = function OverflowActionButtonsWrapper(
   }, 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.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\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(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
-export var CardContent = function CardContent(_ref7) {
-  var children = _ref7.children;
+var OverflowActionButtonsWrapperLegacy = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\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(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
+export var CardContent = function CardContent(_ref6) {
+  var children = _ref6.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.cardContent)
   }, children) : /*#__PURE__*/React.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.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 136px;\n"])));
-export var DetailsGroup = function DetailsGroup(_ref8) {
-  var children = _ref8.children;
+var CardContentLegacy = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 136px;\n"])));
+export var DetailsGroup = function DetailsGroup(_ref7) {
+  var children = _ref7.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.detailsGroup)
   }, children) : /*#__PURE__*/React.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.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-left: 116px;\n\twidth: 196px;\n"])));
-export var DisabledInfo = function DisabledInfo(_ref9) {
-  var children = _ref9.children;
+var DetailsGroupLegacy = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-left: 116px;\n\twidth: 196px;\n"])));
+export var DisabledInfo = function DisabledInfo(_ref8) {
+  var children = _ref8.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.disabledInfo)
   }, children) : /*#__PURE__*/React.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.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\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)", labelTextColor, "var(--ds-space-150, 12px)");
-export var LozengeWrapper = function LozengeWrapper(_ref10) {
-  var children = _ref10.children;
+var DisabledInfoLegacy = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\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)", labelTextColor, "var(--ds-space-150, 12px)");
+export var LozengeWrapper = function LozengeWrapper(_ref9) {
+  var children = _ref9.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.lozengeWrapper)
   }, children) : /*#__PURE__*/React.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.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
-export var CustomLozengeContainer = function CustomLozengeContainer(_ref11) {
-  var children = _ref11.children;
+var LozengeWrapperLegacy = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
+export var CustomLozengeContainer = function CustomLozengeContainer(_ref10) {
+  var children = _ref10.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.customLozengeContainer)
   }, children) : /*#__PURE__*/React.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 = styled(LozengeWrapper)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\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)");
-export var JobTitleLabel = function JobTitleLabel(_ref12) {
-  var children = _ref12.children;
+var CustomLozengeContainerLegacy = styled(LozengeWrapper)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\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)");
+export var JobTitleLabel = function JobTitleLabel(_ref11) {
+  var children = _ref11.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.jobTitleLabel)
   }, /*#__PURE__*/React.createElement(Text, {
@@ -192,9 +171,9 @@ export var JobTitleLabel = function JobTitleLabel(_ref12) {
   }, children)) : /*#__PURE__*/React.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.span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\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)", headerTextColor, "var(--ds-space-150, 12px)");
-export var AppTitleLabel = function AppTitleLabel(_ref13) {
-  var children = _ref13.children;
+var JobTitleLabelLegacy = styled.span(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\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)", headerTextColor, "var(--ds-space-150, 12px)");
+export var AppTitleLabel = function AppTitleLabel(_ref12) {
+  var children = _ref12.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.appTitleLabel),
     backgroundColor: "color.background.neutral"
@@ -205,23 +184,11 @@ export var AppTitleLabel = function AppTitleLabel(_ref13) {
   }, children)) : /*#__PURE__*/React.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.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\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"])), appLabelBgColor, appLabelTextColor, 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)");
-export var SpinnerContainer = function SpinnerContainer(_ref14) {
-  var children = _ref14.children,
-    testId = _ref14.testId;
-  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
-    testId: testId,
-    xcss: cx(styles.spinnerContainer)
-  }, children) : /*#__PURE__*/React.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.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n\talign-items: center;\n\tdisplay: flex;\n\theight: 96px;\n\tjustify-content: center;\n\tposition: relative;\n"])));
-export var CardContainer = function CardContainer(_ref15) {
-  var children = _ref15.children,
-    isDisabledUser = _ref15.isDisabledUser,
-    withoutElevation = _ref15.withoutElevation;
+var AppTitleLabelLegacy = styled.span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\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"])), appLabelBgColor, appLabelTextColor, 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)");
+export var CardContainer = function CardContainer(_ref13) {
+  var children = _ref13.children,
+    isDisabledUser = _ref13.isDisabledUser,
+    withoutElevation = _ref13.withoutElevation;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.cardContainer, isDisabledUser ? styles.cardContainerDisabledUser : styles.cardContainerActiveUser, !withoutElevation && styles.cardContainerWithElevation)
   }, children) : /*#__PURE__*/React.createElement(CardContainerLegacy, {
@@ -230,7 +197,7 @@ export var 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.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\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.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\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 ? headerBgColorDisabledUser : headerBgColor;
 }, function (props) {
   return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
@@ -239,31 +206,31 @@ var CardContainerLegacy = styled.div(_templateObject18 || (_templateObject18 = _
 }, function (props) {
   return props.withoutElevation ? '' : "".concat(borderRadius(), "px");
 });
-export var DetailsLabel = function DetailsLabel(_ref16) {
-  var children = _ref16.children,
-    _ref16$extraTopSpace = _ref16.extraTopSpace,
-    extraTopSpace = _ref16$extraTopSpace === void 0 ? false : _ref16$extraTopSpace;
+export var DetailsLabel = function DetailsLabel(_ref14) {
+  var children = _ref14.children,
+    _ref14$extraTopSpace = _ref14.extraTopSpace,
+    extraTopSpace = _ref14$extraTopSpace === void 0 ? false : _ref14$extraTopSpace;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.detailsLabel, extraTopSpace && styles.detailsLabelExtraTopSpace)
   }, children) : /*#__PURE__*/React.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.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\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)");
-export var DetailsLabelIcon = function DetailsLabelIcon(_ref17) {
-  var children = _ref17.children;
+var DetailsLabelLegacy = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\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)");
+export var DetailsLabelIcon = function DetailsLabelIcon(_ref15) {
+  var children = _ref15.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     as: "dt",
     xcss: cx(styles.detailsLabelIcon)
   }, children) : /*#__PURE__*/React.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.dt(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\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"])), labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
-export var DetailsLabelText = function DetailsLabelText(_ref18) {
-  var children = _ref18.children;
+var DetailsLabelIconLegacy = styled.dt(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\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"])), labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
+export var DetailsLabelText = function DetailsLabelText(_ref16) {
+  var children = _ref16.children;
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
     as: "dd",
     xcss: cx(styles.detailsLabelText)
   }, children) : /*#__PURE__*/React.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.dd(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\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"])), 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.dd(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\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"])), 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/esm/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)}

package/dist/esm/styled/TeamCard.js

@@ -1,7 +1,5 @@
 /* TeamCard.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _extends from "@babel/runtime/helpers/extends";
-var _templateObject;
 import "./TeamCard.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
@@ -12,16 +10,9 @@ import { cx } from '@atlaskit/css';
 import Heading from '@atlaskit/heading';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text } from '@atlaskit/primitives/compiled';
-import { N20, N200 } from '@atlaskit/theme/colors';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { bgColor, teamHeaderBgColor } from './constants';
-import { CoverImage } from './CoverImage';
+import { N200 } from '@atlaskit/theme/colors';
 var styles = {
-  cardtriggerwrapper: "_1e0c1kw7",
-  cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
   teamforbiddenerrorstatewrapper: "_1bsbnklw _kqswh2mm",
-  cardheader: "_4t3i1qr7 _1bsb1osq",
-  cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
   teamname: "_11c8lodh _1reo15vq _18m915vq _1p1dglyw _c71lckbl _1e0ccj1k",
   membercount: "_syaz1wmz _19pk1b66",
   avatarsection: "_19pkpxbi _18u01i6y",
@@ -30,41 +21,8 @@ var styles = {
   actionbuttons: "_1bsb1osq _1e0c1txw _1bah1yb4 _19pk1ejb _2hwx10v4 _otyridpf _18u0x0bf",
   wrappedbutton: "_i0dlidpf _16jlkb7n _18u0u2gc",
   morebutton: "_18u0u2gc",
-  loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw",
   accesslocksvgwrapper: "_otyr1ejb"
 };
-export var CardTriggerWrapper = function CardTriggerWrapper() {
-  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.cardtriggerwrapper)
-  }) : /*#__PURE__*/React.createElement(CardTriggerWrapperLegacy, null);
-};
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CardTriggerWrapperLegacy = styled.div({
-  display: 'inherit'
-});
-export var CardWrapper = function CardWrapper(_ref) {
-  var testId = _ref.testId,
-    children = _ref.children;
-  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.cardwrapper),
-    backgroundColor: "elevation.surface.overlay",
-    testId: testId
-  }, children) : /*#__PURE__*/React.createElement(CardWrapperLegacy, {
-    "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 CardWrapperLegacy = styled.div({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundColor: bgColor,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "".concat(borderRadius(), "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  width: '320px',
-  position: 'relative',
-  WebkitFontSmoothing: 'antialiased',
-  MozOsxFontSmoothing: 'grayscale'
-});
 export var TeamForbiddenErrorStateWrapper = function TeamForbiddenErrorStateWrapper(props) {
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, _extends({
     xcss: cx(styles.teamforbiddenerrorstatewrapper)
@@ -78,41 +36,6 @@ var TeamForbiddenErrorStateWrapperLegacy = styled.div({
   width: '320px',
   position: 'relative'
 });
-export var CardHeader = function CardHeader(_ref2) {
-  var image = _ref2.image,
-    isLoading = _ref2.isLoading,
-    label = _ref2.label;
-  return fg('compiled-migration-profilecard') ? isLoading || !image ? /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.cardheader),
-    backgroundColor: "color.background.neutral"
-  }) : /*#__PURE__*/React.createElement(CoverImage, {
-    alt: label || '',
-    src: image
-  }) : /*#__PURE__*/React.createElement(CardHeaderLegacy, {
-    image: image,
-    isLoading: isLoading
-  });
-};
-
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var CardHeaderLegacy = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tbackground-image: ", ";\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tbox-sizing: content-box;\n\theight: 128px;\n"])), function (props) {
-  return props.isLoading ? "var(--ds-background-neutral, ".concat(N20, ")") : props.image ? '' : teamHeaderBgColor;
-}, function (props) {
-  return props.image ? "url(".concat(props.image, ")") : '';
-});
-export var CardContent = function CardContent(props) {
-  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, _extends({
-    xcss: cx(styles.cardcontent)
-  }, props)) : /*#__PURE__*/React.createElement(CardContentLegacy, props);
-};
-// 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.div({
-  display: 'flex',
-  flexDirection: 'column',
-  padding: "var(--ds-space-300, 24px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  minHeight: '104px'
-});
 export var TeamName = function TeamName(props) {
   return fg('compiled-migration-profilecard') ? fg('enable_profilecard_h2tag_a11y_fix') ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.teamname)
@@ -214,18 +137,6 @@ export var MoreButton = function MoreButton(props) {
 var MoreButtonLegacy = styled.div({
   marginLeft: "var(--ds-space-100, 8px)"
 });
-export var LoadingWrapper = function LoadingWrapper(props) {
-  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, _extends({
-    xcss: cx(styles.loadingwrapper)
-  }, props)) : /*#__PURE__*/React.createElement(LoadingWrapperLegacy, {
-    "data-testid": props.testId
-  }, props.children);
-};
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var LoadingWrapperLegacy = styled.div({
-  textAlign: 'center',
-  marginTop: "var(--ds-space-500, 40px)"
-});
 export var AccessLockSVGWrapper = function AccessLockSVGWrapper(props) {
   return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, _extends({
     xcss: cx(styles.accesslocksvgwrapper)

package/dist/esm/styled/TeamTrigger.compiled.css

@@ -0,0 +1,16 @@
+
+._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._19pk1jfw{margin-top:var(--ds-space-500,40px)}
+._1bsb1osq{width:100%}
+._1bsbnklw{width:20pc}
+._1e0c1kw7{display:inherit}
+._1e0c1txw{display:flex}
+._1tke1l8a{min-height:78pt}
+._2lx21bp4{flex-direction:column}
+._4t3i1qr7{height:8pc}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._kqswh2mm{position:relative}
+._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
+._otyr1jfw{margin-bottom:var(--ds-space-500,40px)}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._y3gn1h6o{text-align:center}

package/dist/esm/styled/TeamTrigger.js

@@ -0,0 +1,103 @@
+/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import "./TeamTrigger.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
+import { N20 } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
+import { bgColor, teamHeaderBgColor } from './constants';
+import { CoverImage } from './CoverImage';
+var styles = {
+  cardtriggerwrapper: "_1e0c1kw7",
+  cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
+  cardheader: "_4t3i1qr7 _1bsb1osq",
+  cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
+  loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw"
+};
+export var CardTriggerWrapper = function CardTriggerWrapper() {
+  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(styles.cardtriggerwrapper)
+  }) : /*#__PURE__*/React.createElement(CardTriggerWrapperLegacy, null);
+};
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var CardTriggerWrapperLegacy = styled.div({
+  display: 'inherit'
+});
+export var CardWrapper = function CardWrapper(_ref) {
+  var testId = _ref.testId,
+    children = _ref.children;
+  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(styles.cardwrapper),
+    backgroundColor: "elevation.surface.overlay",
+    testId: testId
+  }, children) : /*#__PURE__*/React.createElement(CardWrapperLegacy, {
+    "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 CardWrapperLegacy = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundColor: bgColor,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  borderRadius: "".concat(borderRadius(), "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  width: '320px',
+  position: 'relative',
+  WebkitFontSmoothing: 'antialiased',
+  MozOsxFontSmoothing: 'grayscale'
+});
+export var CardHeader = function CardHeader(_ref2) {
+  var image = _ref2.image,
+    isLoading = _ref2.isLoading,
+    label = _ref2.label;
+  return fg('compiled-migration-profilecard') ? isLoading || !image ? /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(styles.cardheader),
+    backgroundColor: "color.background.neutral"
+  }) : /*#__PURE__*/React.createElement(CoverImage, {
+    alt: label || '',
+    src: image
+  }) : /*#__PURE__*/React.createElement(CardHeaderLegacy, {
+    image: image,
+    isLoading: isLoading
+  });
+};
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var CardHeaderLegacy = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tbackground-image: ", ";\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tbox-sizing: content-box;\n\theight: 128px;\n"])), function (props) {
+  return props.isLoading ? "var(--ds-background-neutral, ".concat(N20, ")") : props.image ? '' : teamHeaderBgColor;
+}, function (props) {
+  return props.image ? "url(".concat(props.image, ")") : '';
+});
+export var CardContent = function CardContent(props) {
+  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, _extends({
+    xcss: cx(styles.cardcontent)
+  }, props)) : /*#__PURE__*/React.createElement(CardContentLegacy, props);
+};
+// 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.div({
+  display: 'flex',
+  flexDirection: 'column',
+  padding: "var(--ds-space-300, 24px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  minHeight: '104px'
+});
+export var LoadingWrapper = function LoadingWrapper(props) {
+  return fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, _extends({
+    xcss: cx(styles.loadingwrapper)
+  }, props)) : /*#__PURE__*/React.createElement(LoadingWrapperLegacy, {
+    "data-testid": props.testId
+  }, props.children);
+};
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var LoadingWrapperLegacy = styled.div({
+  textAlign: 'center',
+  marginTop: "var(--ds-space-500, 40px)"
+});

package/dist/esm/styled/UserTrigger.compiled.css

@@ -0,0 +1,7 @@
+
+._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._1bah1h6o{justify-content:center}
+._1bsb1gwv{width:360px}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._4t3i16xz{height:6pc}
+._kqswh2mm{position:relative}