@atlaskit/profilecard 23.16.3 → 23.16.5

package/dist/cjs/styled/TeamCard.js

@@ -5,10 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WrappedButton = exports.TeamName = exports.TeamForbiddenErrorStateWrapper = exports.MoreButton = exports.MemberCount = exports.LoadingWrapper = exports.DescriptionWrapper = exports.Description = exports.CardWrapper = exports.CardTriggerWrapper = exports.CardHeader = exports.CardContent = exports.AvatarSection = exports.ActionButtons = exports.AccessLockSVGWrapper = void 0;
+exports.WrappedButton = exports.TeamName = exports.TeamForbiddenErrorStateWrapper = exports.MoreButton = exports.MemberCount = exports.DescriptionWrapper = exports.Description = exports.AvatarSection = exports.ActionButtons = exports.AccessLockSVGWrapper = void 0;
 require("./TeamCard.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
@@ -17,16 +16,9 @@ var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
-var _constants2 = require("./constants");
-var _CoverImage = require("./CoverImage");
-var _templateObject; // 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 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",
@@ -35,41 +27,8 @@ var styles = {
   actionbuttons: "_1bsb1osq _1e0c1txw _1bah1yb4 _19pk1ejb _2hwx10v4 _otyridpf _18u0x0bf",
   wrappedbutton: "_i0dlidpf _16jlkb7n _18u0u2gc",
   morebutton: "_18u0u2gc",
-  loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw",
   accesslocksvgwrapper: "_otyr1ejb"
 };
-var CardTriggerWrapper = exports.CardTriggerWrapper = function CardTriggerWrapper() {
-  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.cardtriggerwrapper)
-  }) : /*#__PURE__*/_react.default.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.default.div({
-  display: 'inherit'
-});
-var CardWrapper = exports.CardWrapper = function CardWrapper(_ref) {
-  var testId = _ref.testId,
-    children = _ref.children;
-  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.cardwrapper),
-    backgroundColor: "elevation.surface.overlay",
-    testId: testId
-  }, children) : /*#__PURE__*/_react.default.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.default.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: _constants2.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((0, _constants.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'
-});
 var TeamForbiddenErrorStateWrapper = exports.TeamForbiddenErrorStateWrapper = function TeamForbiddenErrorStateWrapper(props) {
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
     xcss: (0, _css.cx)(styles.teamforbiddenerrorstatewrapper)
@@ -83,41 +42,6 @@ var TeamForbiddenErrorStateWrapperLegacy = _styled.default.div({
   width: '320px',
   position: 'relative'
 });
-var CardHeader = exports.CardHeader = function CardHeader(_ref2) {
-  var image = _ref2.image,
-    isLoading = _ref2.isLoading,
-    label = _ref2.label;
-  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? isLoading || !image ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.cardheader),
-    backgroundColor: "color.background.neutral"
-  }) : /*#__PURE__*/_react.default.createElement(_CoverImage.CoverImage, {
-    alt: label || '',
-    src: image
-  }) : /*#__PURE__*/_react.default.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.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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(_colors.N20, ")") : props.image ? '' : _constants2.teamHeaderBgColor;
-}, function (props) {
-  return props.image ? "url(".concat(props.image, ")") : '';
-});
-var CardContent = exports.CardContent = function CardContent(props) {
-  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
-    xcss: (0, _css.cx)(styles.cardcontent)
-  }, props)) : /*#__PURE__*/_react.default.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.default.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'
-});
 var TeamName = exports.TeamName = function TeamName(props) {
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? (0, _platformFeatureFlags.fg)('enable_profilecard_h2tag_a11y_fix') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.teamname)
@@ -219,18 +143,6 @@ var MoreButton = exports.MoreButton = function MoreButton(props) {
 var MoreButtonLegacy = _styled.default.div({
   marginLeft: "var(--ds-space-100, 8px)"
 });
-var LoadingWrapper = exports.LoadingWrapper = function LoadingWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
-    xcss: (0, _css.cx)(styles.loadingwrapper)
-  }, props)) : /*#__PURE__*/_react.default.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.default.div({
-  textAlign: 'center',
-  marginTop: "var(--ds-space-500, 40px)"
-});
 var AccessLockSVGWrapper = exports.AccessLockSVGWrapper = function AccessLockSVGWrapper(props) {
   return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
     xcss: (0, _css.cx)(styles.accesslocksvgwrapper)

package/dist/cjs/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/cjs/styled/TeamTrigger.js

@@ -0,0 +1,108 @@
+/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingWrapper = exports.CardWrapper = exports.CardTriggerWrapper = exports.CardHeader = exports.CardContent = void 0;
+require("./TeamTrigger.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _css = require("@atlaskit/css");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _colors = require("@atlaskit/theme/colors");
+var _constants = require("@atlaskit/theme/constants");
+var _constants2 = require("./constants");
+var _CoverImage = require("./CoverImage");
+var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var styles = {
+  cardtriggerwrapper: "_1e0c1kw7",
+  cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
+  cardheader: "_4t3i1qr7 _1bsb1osq",
+  cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
+  loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw"
+};
+var CardTriggerWrapper = exports.CardTriggerWrapper = function CardTriggerWrapper() {
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.cardtriggerwrapper)
+  }) : /*#__PURE__*/_react.default.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.default.div({
+  display: 'inherit'
+});
+var CardWrapper = exports.CardWrapper = function CardWrapper(_ref) {
+  var testId = _ref.testId,
+    children = _ref.children;
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.cardwrapper),
+    backgroundColor: "elevation.surface.overlay",
+    testId: testId
+  }, children) : /*#__PURE__*/_react.default.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.default.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: _constants2.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((0, _constants.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'
+});
+var CardHeader = exports.CardHeader = function CardHeader(_ref2) {
+  var image = _ref2.image,
+    isLoading = _ref2.isLoading,
+    label = _ref2.label;
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? isLoading || !image ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.cardheader),
+    backgroundColor: "color.background.neutral"
+  }) : /*#__PURE__*/_react.default.createElement(_CoverImage.CoverImage, {
+    alt: label || '',
+    src: image
+  }) : /*#__PURE__*/_react.default.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.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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(_colors.N20, ")") : props.image ? '' : _constants2.teamHeaderBgColor;
+}, function (props) {
+  return props.image ? "url(".concat(props.image, ")") : '';
+});
+var CardContent = exports.CardContent = function CardContent(props) {
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
+    xcss: (0, _css.cx)(styles.cardcontent)
+  }, props)) : /*#__PURE__*/_react.default.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.default.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'
+});
+var LoadingWrapper = exports.LoadingWrapper = function LoadingWrapper(props) {
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
+    xcss: (0, _css.cx)(styles.loadingwrapper)
+  }, props)) : /*#__PURE__*/_react.default.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.default.div({
+  textAlign: 'center',
+  marginTop: "var(--ds-space-500, 40px)"
+});

package/dist/cjs/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}

package/dist/cjs/styled/UserTrigger.js

@@ -0,0 +1,56 @@
+/* UserTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpinnerContainer = exports.CardWrapper = void 0;
+require("./UserTrigger.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _css = require("@atlaskit/css");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _constants = require("./constants");
+var _templateObject, _templateObject2; // PLEASE NOTE: This file is sync-loaded with the trigger components. Only add components here that
+// are necessary for the main render of the trigger component to help maintain bundle size.
+/* 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
+var styles = {
+  cardWrapper: "_2rkoglpi _1bsb1gwv",
+  spinnerContainer: "_4cvr1h6o _1e0c1txw _4t3i16xz _1bah1h6o _kqswh2mm"
+};
+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"])), _constants.bgColor, "var(--ds-border-radius, 3px)");
+var SpinnerContainer = exports.SpinnerContainer = function SpinnerContainer(_ref2) {
+  var children = _ref2.children,
+    testId = _ref2.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(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\talign-items: center;\n\tdisplay: flex;\n\theight: 96px;\n\tjustify-content: center;\n\tposition: relative;\n"])));

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "23.16.3"
+      packageVersion: "23.16.5"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const 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;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -74,7 +74,7 @@ export const 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;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import Spinner from '@atlaskit/spinner';
-import { CardContent, CardHeader, CardWrapper, LoadingWrapper } from '../../styled/TeamCard';
+import { CardContent, CardHeader, CardWrapper, LoadingWrapper } from '../../styled/TeamTrigger';
 import { profileCardRendered } from '../../util/analytics';
 export default (props => {
   const {

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

@@ -18,7 +18,8 @@ import Tooltip from '@atlaskit/tooltip';
 import messages from '../../messages';
 import { AnimatedKudosButton, AnimationWrapper, KudosBlobAnimation } from '../../styled/Card';
 import { ErrorWrapper, TeamErrorText } from '../../styled/Error';
-import { ActionButtons, AvatarSection, CardContent, CardHeader, CardWrapper, Description, DescriptionWrapper, MemberCount, MoreButton, TeamName, WrappedButton } from '../../styled/TeamCard';
+import { ActionButtons, AvatarSection, Description, DescriptionWrapper, MemberCount, MoreButton, TeamName, WrappedButton } from '../../styled/TeamCard';
+import { CardContent, CardHeader, CardWrapper } from '../../styled/TeamTrigger';
 import { actionClicked, errorRetryClicked, moreActionsClicked, moreMembersClicked, profileCardRendered, teamAvatarClicked } from '../../util/analytics';
 import { isBasicClick } from '../../util/click';
 import { ErrorIllustration } from '../Error';

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

@@ -10,7 +10,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import { N0 } from '@atlaskit/theme/colors';
 import messages from '../../messages';
-import { ActionButtonGroup, ActionsFlexSpacer, AnimatedKudosButton, AnimationWrapper, CardContainer, CardContent, CardWrapper, KudosBlobAnimation, ProfileImage, SpinnerContainer } from '../../styled/Card';
+import { ActionButtonGroup, ActionsFlexSpacer, AnimatedKudosButton, AnimationWrapper, CardContainer, CardContent, KudosBlobAnimation, ProfileImage } from '../../styled/Card';
+import { CardWrapper, SpinnerContainer } from '../../styled/UserTrigger';
 import { actionClicked, fireEvent, profileCardRendered } from '../../util/analytics';
 import { isBasicClick } from '../../util/click';
 import { getPageTime } from '../../util/performance';

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

@@ -4,7 +4,7 @@ import React, { Suspense } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
 import filterActions from '../../internal/filterActions';
-import { CardWrapper } from '../../styled/Card';
+import { CardWrapper } from '../../styled/UserTrigger';
 import { fireEvent } from '../../util/analytics';
 import { ErrorMessage } from '../Error';
 import ProfileCard from './ProfileCard';

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

@@ -8,7 +8,7 @@ import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
 import getLabelMessage from '../../internal/getLabelMessage';
-import { CardWrapper } from '../../styled/Card';
+import { CardWrapper } from '../../styled/UserTrigger';
 import { cardTriggered, fireEvent } from '../../util/analytics';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
 import { AgentProfileCardResourced } from '../Agent/AgentProfileCardResourced';

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

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import AkSpinner from '@atlaskit/spinner';
-import { SpinnerContainer } from '../../styled/Card';
+import { SpinnerContainer } from '../../styled/UserTrigger';
 import { profileCardRendered } from '../../util/analytics';
 const UserLoadingState = ({
   fireAnalytics

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

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import AkSpinner from '@atlaskit/spinner';
-import { SpinnerContainer } from '../../styled/Card';
+import { SpinnerContainer } from '../../styled/UserTrigger';
 import { profileCardRendered } from '../../util/analytics';
 export const LoadingState = ({
   fireAnalytics,

package/dist/es2019/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/es2019/styled/Card.js

@@ -12,10 +12,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';
 const kudosButtonAnimationTransformationCompiled = null;
 const styles = {
-  cardWrapper: "_2rkoglpi _1bsb1gwv",
   profileImage: "_kqswstnw _154i1ejb _1ltv1ejb",
   actionsFlexSpacer: "_16jlkb7n _1o9zidpf _i0dl1wug",
   kudosBlobAnimationStyle: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _154ixy5q",
@@ -28,7 +27,6 @@ const 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",
@@ -41,28 +39,6 @@ const styles = {
   jobTitleLabel: "_19pkze3t _otyrze3t _18u0utpp _2hwxze3t",
   appTitleLabel: "_2rkoglpi _syaz1fxt _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
 };
-export const CardWrapper = ({
-  children,
-  role,
-  testId,
-  labelledBy
-}) => 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
-const CardWrapperLegacy = styled.div`
-	background-color: ${bgColor};
-	border-radius: ${"var(--ds-border-radius, 3px)"};
-	width: 360px;
-`;
 export const ProfileImage = ({
   children
 }) => fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
@@ -324,23 +300,6 @@ const AppTitleLabelLegacy = styled.span`
 	font: ${"var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
 	margin: ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} 0;
 `;
-export const SpinnerContainer = ({
-  children,
-  testId
-}) => 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
-const SpinnerContainerLegacy = styled.div`
-	align-items: center;
-	display: flex;
-	height: 96px;
-	justify-content: center;
-	position: relative;
-`;
 export const CardContainer = ({
   children,
   isDisabledUser,

package/dist/es2019/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)}