@atlaskit/profilecard 19.11.5 → 19.11.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/profilecard
 
+## 19.11.7
+
+### Patch Changes
+
+- [#94338](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94338) [`4da2886fcb36`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4da2886fcb36) - JCA11Y-1390 Fix Non-modal dialog programmatically identified issue, add role and aria-labelledby to profilecard wrapper
+
+## 19.11.6
+
+### Patch Changes
+
+- [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007) [`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) - Migrated to the new button component
+
 ## 19.11.5
 
 ### Patch Changes

package/dist/cjs/client/getTeamFromAGG.js

@@ -57,7 +57,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', "19.11.5");
+  headers.append('atl-client-version', "19.11.7");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -57,7 +57,9 @@ var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosD
 };
 var Wrapper = function Wrapper(props) {
   return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, {
-    "data-testid": "profilecard"
+    "data-testid": "profilecard",
+    role: "dialog",
+    "aria-labelledby": "profilecard-name-label"
   }, props.children);
 };
 var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInternal(props) {

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

@@ -25,7 +25,8 @@ var renderName = function renderName(nickname, fullName, meta) {
   var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
   return /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
     noMeta: !meta,
-    "data-testid": "profilecard-name"
+    "data-testid": "profilecard-name",
+    id: "profilecard-name-label"
   }, displayName);
 };
 var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disabledAccountMessage) {
@@ -74,7 +75,8 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
   return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, /*#__PURE__*/_react.default.createElement(_Card.FullNameLabel, {
     noMeta: true,
     isDisabledAccount: true,
-    "data-testid": "profilecard-name"
+    "data-testid": "profilecard-name",
+    id: "profilecard-name-label"
   }, name), hasDisabledAccountLozenge && /*#__PURE__*/_react.default.createElement(_Card.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
     appearance: "default",
     isBold: true

package/dist/cjs/i18n/cs.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Czech
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Další informace o položce {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Další informace o tomto uživateli',
   'pt.profile-card.closed.account': 'Smazaný účet',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Účet uživatele je smazaný již několik měsíců.',
   'pt.profile-card.closed.account.has.date.last.month': 'Účet uživatele byl minulý měsíc smazán.',

package/dist/cjs/i18n/da.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Danish (Denmark)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Flere oplysninger om {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Flere oplysninger om denne bruger',
   'pt.profile-card.closed.account': 'Konto slettet',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Personens konto har været slettet i nogle måneder.',
   'pt.profile-card.closed.account.has.date.last.month': 'Personens konto blev slettet i sidste måned.',

package/dist/cjs/i18n/de.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //German (Germany)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Weitere Informationen zu {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Weitere Informationen zu diesem Benutzer',
   'pt.profile-card.closed.account': 'Account gelöscht',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Das Konto dieser Person wurde vor wenigen Monaten gelöscht.',
   'pt.profile-card.closed.account.has.date.last.month': 'Das Konto dieser Person wurde letzten Monat gelöscht.',

package/dist/cjs/i18n/en.js

@@ -14,6 +14,7 @@ exports.default = void 0;
 //
 var _default = exports.default = {
   'profilecard.user.trigger.aria-label': 'More information about {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'More information about this user',
   'pt.profile-card.closed.account': 'Account deleted',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Their account has been deleted for a few months.',
   'pt.profile-card.closed.account.has.date.last.month': 'Their account was deleted last month.',

package/dist/cjs/i18n/en_GB.js

@@ -14,6 +14,7 @@ exports.default = void 0;
 //English (United Kingdom)
 var _default = exports.default = {
   'profilecard.user.trigger.aria-label': 'More information about {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'More information about this user',
   'pt.profile-card.closed.account': 'Account deleted',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Their account has been deleted for a few months.',
   'pt.profile-card.closed.account.has.date.last.month': 'Their account was deleted last month.',

package/dist/cjs/i18n/en_ZZ.js

@@ -14,6 +14,7 @@ exports.default = void 0;
 //
 var _default = exports.default = {
   'profilecard.user.trigger.aria-label': '⁣⁢More information about {fullName}⁠‍⁡؜‍‌‌⁡‌؜⁡‌⁣⁤',
+  'profilecard.user.trigger.fallback-aria-label': '⁣⁢More information about this user‌⁡⁡‍؜⁠‍‍‍⁡⁣⁤',
   'pt.profile-card.closed.account': '⁣⁢Account deleted⁠؜⁡‌؜⁠‍⁡⁠؜؜⁣⁤',
   'pt.profile-card.closed.account.has.date.a.few.months': '⁣⁢Their account has been deleted for a few months.⁠⁡⁠‍‌⁠⁡‍؜‌⁡‌‌؜⁣⁤',
   'pt.profile-card.closed.account.has.date.last.month': '⁣⁢Their account was deleted last month.⁡‍⁠‌⁡؜‍؜⁠‍⁠؜⁣⁤',

package/dist/cjs/i18n/es.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Spanish (International)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Más información sobre {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Más información sobre este usuario',
   'pt.profile-card.closed.account': 'Cuenta eliminada',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Su cuenta se desactivó hace algunos meses.',
   'pt.profile-card.closed.account.has.date.last.month': 'Su cuenta se eliminó el mes pasado.',

package/dist/cjs/i18n/fi.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Finnish
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Lisätietoja kohteesta {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Lisätietoja tästä käyttäjästä',
   'pt.profile-card.closed.account': 'Tili poistettu',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Hänen tilinsä on ollut poistettuna muutaman kuukauden ajan.',
   'pt.profile-card.closed.account.has.date.last.month': 'Hänen tilinsä poistettiin viime kuussa.',

package/dist/cjs/i18n/fr.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //French (France)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'En savoir plus sur {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': "Plus d'informations sur cet utilisateur",
   'pt.profile-card.closed.account': 'Compte supprimé',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Son compte a été supprimé il y a quelques mois.',
   'pt.profile-card.closed.account.has.date.last.month': 'Son compte a été supprimé le mois dernier.',

package/dist/cjs/i18n/hu.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Hungarian
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'További információ a következőről: {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'További információ erről a felhasználóról',
   'pt.profile-card.closed.account': 'A fiók törölve.',
   'pt.profile-card.closed.account.has.date.a.few.months': 'A fiókját néhány hónapja töröltük.',
   'pt.profile-card.closed.account.has.date.last.month': 'A fiókját a múlt hónapban töröltük.',

package/dist/cjs/i18n/it.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Italian (Italy)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Ulteriori informazioni su {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Ulteriori informazioni su questo utente',
   'pt.profile-card.closed.account': 'Account eliminato',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Il suo account è stato eliminato da qualche mese.',
   'pt.profile-card.closed.account.has.date.last.month': 'Il suo account è stato eliminato lo scorso mese.',

package/dist/cjs/i18n/ja.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Japanese
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': '{fullName} の詳細情報',
+  'profilecard.user.trigger.fallback-aria-label': 'このユーザーに関する詳細情報',
   'pt.profile-card.closed.account': '削除済みアカウント',
   'pt.profile-card.closed.account.has.date.a.few.months': 'アカウントは 2〜3 か月前に削除されました。',
   'pt.profile-card.closed.account.has.date.last.month': 'アカウントは先月削除されました。',

package/dist/cjs/i18n/ko.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Korean
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': '{fullName}에 관한 추가 정보',
+  'profilecard.user.trigger.fallback-aria-label': '이 사용자에 대한 추가 정보',
   'pt.profile-card.closed.account': '계정이 삭제됨',
   'pt.profile-card.closed.account.has.date.a.few.months': '계정이 몇 달 전에 삭제되었습니다.',
   'pt.profile-card.closed.account.has.date.last.month': '계정이 지난달에 삭제되었습니다.',

package/dist/cjs/i18n/nb.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Norwegian (Bokmål)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Mer informasjon om {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Mer informasjon om denne brukeren',
   'pt.profile-card.closed.account': 'Kontoen er slettet',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Vedkommendes konto har vært slettet i noen måneder.',
   'pt.profile-card.closed.account.has.date.last.month': 'Vedkommendes konto ble slettet i forrige måned.',

package/dist/cjs/i18n/nl.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Dutch (Netherlands)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Meer informatie over {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Meer informatie over deze gebruiker',
   'pt.profile-card.closed.account': 'Account verwijderd',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Zijn/haar account is al een paar maanden verwijderd.',
   'pt.profile-card.closed.account.has.date.last.month': 'Zijn/haar account is vorige maand verwijderd.',

package/dist/cjs/i18n/pl.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Polish (Poland)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Dodatkowe informacje o {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Więcej informacji o tym użytkowniku',
   'pt.profile-card.closed.account': 'Konto zostało usunięte',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Jej konto zostało usunięte przynajmniej kilka miesięcy temu.',
   'pt.profile-card.closed.account.has.date.last.month': 'Jej konto usunięte w zeszłym miesiącu.',

package/dist/cjs/i18n/pt_BR.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Portuguese (Brazil)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Mais informações sobre {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Mais informações sobre este usuário',
   'pt.profile-card.closed.account': 'Conta excluída',
   'pt.profile-card.closed.account.has.date.a.few.months': 'A conta do usuário foi excluída há alguns meses.',
   'pt.profile-card.closed.account.has.date.last.month': 'A conta do usuário foi excluída no mês passado.',

package/dist/cjs/i18n/ru.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Russian
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Дополнительные сведения о пользователе {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Дополнительные сведения о пользователе',
   'pt.profile-card.closed.account': 'Аккаунт удален',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Его аккаунт был удален несколько месяцев назад.',
   'pt.profile-card.closed.account.has.date.last.month': 'Его аккаунт был удален в прошлом месяце.',

package/dist/cjs/i18n/sv.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Swedish
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Mer information om {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Mer information om denna användare',
   'pt.profile-card.closed.account': 'Kontot är borttaget',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Personens konto har varit borttaget i några få månader.',
   'pt.profile-card.closed.account.has.date.last.month': 'Personens konto togs bort förra månaden.',

package/dist/cjs/i18n/th.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Thai (Thailand)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'ข้อมูลเพิ่มเติมเกี่ยวกับ {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'ข้อมูลเพิ่มเติมเกี่ยวกับผู้ใช้รายนี้',
   'pt.profile-card.closed.account': 'ลบบัญชีแล้ว',
   'pt.profile-card.closed.account.has.date.a.few.months': 'บัญชีของผู้ใช้ถูกลบไปแล้วไม่กี่เดือน',
   'pt.profile-card.closed.account.has.date.last.month': 'บัญชีของผู้ใช้ถูกลบไปเมื่อเดือนที่แล้ว',

package/dist/cjs/i18n/tr.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Turkish (Turkey)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': '{fullName} hakkında daha fazla bilgi',
+  'profilecard.user.trigger.fallback-aria-label': 'Bu kullanıcı hakkında daha fazla bilgi',
   'pt.profile-card.closed.account': 'Hesap silindi',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Bu kullanıcının hesabı birkaç ay önce silindi.',
   'pt.profile-card.closed.account.has.date.last.month': 'Bu kullanıcının hesabı geçen ay silindi.',
@@ -23,7 +25,7 @@ var _default = exports.default = {
   'pt.profile-card.closed.account.no.date': 'Bu kullanıcının hesabı silindi.',
   'pt.profile-card.disabled.account.default.name': 'Eski kullanıcı',
   'pt.profile-card.general.msg.disabled.user': 'Artık bu kişiyle iş birliği yapamazsınız.',
-  'pt.profile-card.give-kudos': 'Tebrik edin',
+  'pt.profile-card.give-kudos': 'Tebrik et',
   'pt.profile-card.inactive.account': 'Hesap devre dışı bırakıldı',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Bu kullanıcının hesabı birkaç ay önce devre dışı bırakıldı.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Bu kullanıcının hesabı geçen ay devre dışı bırakıldı.',

package/dist/cjs/i18n/uk.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Ukrainian (Ukraine)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Докладніше про {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Докладніше про цього користувача',
   'pt.profile-card.closed.account': 'Обліковий запис видалено',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Обліковий запис користувача видалено кілька місяців тому.',
   'pt.profile-card.closed.account.has.date.last.month': 'Обліковий запис користувача видалено минулого місяця.',

package/dist/cjs/i18n/vi.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Vietnamese (Vietnam)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': 'Thông tin khác về {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Thông tin khác về người dùng này',
   'pt.profile-card.closed.account': 'Tài khoản đã bị xóa',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Tài khoản của họ đã bị xóa một vài tháng.',
   'pt.profile-card.closed.account.has.date.last.month': 'Tài khoản của họ đã bị xóa tháng trước.',

package/dist/cjs/i18n/zh.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Chinese (Simplified)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': '关于 {fullName} 的更多信息',
+  'profilecard.user.trigger.fallback-aria-label': '关于此用户的更多信息',
   'pt.profile-card.closed.account': '已删除的帐户',
   'pt.profile-card.closed.account.has.date.a.few.months': '他们的帐户已被删除数月。',
   'pt.profile-card.closed.account.has.date.last.month': '他们的帐户已在上月删除。',

package/dist/cjs/i18n/zh_TW.js

@@ -13,6 +13,8 @@ exports.default = void 0;
  */
 //Chinese (Traditional)
 var _default = exports.default = {
+  'profilecard.user.trigger.aria-label': '{fullName} 的更多資訊',
+  'profilecard.user.trigger.fallback-aria-label': '有關此使用者的更多資訊',
   'pt.profile-card.closed.account': '帳戶已刪除',
   'pt.profile-card.closed.account.has.date.a.few.months': '其帳戶已刪除幾個月了。',
   'pt.profile-card.closed.account.has.date.last.month': '其帳戶在上個月已刪除。',

package/dist/cjs/styled/Card.js

@@ -14,12 +14,15 @@ 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, _templateObject22;
+/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
 var getFullNameMargin = function getFullNameMargin(props) {
   return props.noMeta ? "var(--ds-space-400, 32px)".concat(" 0 ", "var(--ds-space-150, 12px)", " 0") : "var(--ds-space-150, 12px)".concat(" 0 0 0");
 };
 var CardWrapper = exports.CardWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: ", ";\n  width: ", "px;\n"])), _constants2.bgColor, "var(--ds-border-radius, 3px)", (0, _constants.gridSize)() * 45);
 var ProfileImage = exports.ProfileImage = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 var ActionsFlexSpacer = exports.ActionsFlexSpacer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 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 KudosBlobAnimationStyle = exports.KudosBlobAnimationStyle = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  height: 150px;\n  width: 150px;\n  z-index: -1;\n  position: absolute;\n  top: ", "em;\n  animation-name: ", ";\n  animation-iteration-count: 1;\n  animation-duration: 3s;\n  background-image: radial-gradient(\n    circle,\n    ", " 0%,\n    ", " 25%,\n    transparent 50%\n  );\n  overflow: hidden;\n"])), (0, _constants.gridSize)() * 4 / (0, _constants.fontSize)(), kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
 var KudosBlobAnimation = exports.KudosBlobAnimation = function KudosBlobAnimation(props) {

package/dist/cjs/styled/Error.js

@@ -5,15 +5,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TeamErrorTitle = exports.TeamErrorText = exports.ErrorWrapper = exports.ErrorTitle = exports.ErrorText = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
 var _constants2 = require("./constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var ErrorWrapper = exports.ErrorWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  padding: ", ";\n  color: ", ";\n"])), "var(--ds-space-300, 24px)", _constants2.errorIconColor);
-var ErrorTitle = exports.ErrorTitle = _styled.default.p(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: ", "px;\n  margin: ", " 0;\n"])), _constants2.errorTitleColor, (0, _constants.gridSize)() * 3, "var(--ds-space-100, 8px)");
-var ErrorText = exports.ErrorText = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), _constants2.errorTextColor);
-var TeamErrorTitle = exports.TeamErrorTitle = _styled.default.p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n"])), _typography.h400);
-var TeamErrorText = exports.TeamErrorText = _styled.default.p(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
+var ErrorWrapper = exports.ErrorWrapper = _styled.default.div({
+  textAlign: 'center',
+  padding: "var(--ds-space-300, 24px)",
+  color: _constants2.errorIconColor
+});
+var ErrorTitle = exports.ErrorTitle = _styled.default.p({
+  color: _constants2.errorTitleColor,
+  lineHeight: "".concat((0, _constants.gridSize)() * 3, "px"),
+  margin: "var(--ds-space-100, 8px)".concat(" 0")
+});
+var ErrorText = exports.ErrorText = _styled.default.span({
+  color: _constants2.errorTextColor
+});
+var TeamErrorTitle = exports.TeamErrorTitle = _styled.default.p(_typography.h400);
+var TeamErrorText = exports.TeamErrorText = _styled.default.p({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+  marginTop: "var(--ds-space-100, 8px)"
+});

package/dist/cjs/styled/ReportingLines.js

@@ -5,13 +5,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReportingLinesSection = exports.ReportingLinesHeading = exports.OffsetWrapper = exports.ManagerSection = exports.ManagerName = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("./constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var ReportingLinesSection = exports.ReportingLinesSection = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // Minor left margin to align better with existing icon fields\n  margin-left: ", ";\n  margin-top: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)");
-var ReportingLinesHeading = exports.ReportingLinesHeading = _styled.default.h3(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  margin-bottom: ", ";\n"])), _constants2.appLabelTextColor, (0, _constants.gridSize)() * 1.5, "var(--ds-space-100, 8px)");
-var ManagerSection = exports.ManagerSection = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  margin: ", " ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
-var ManagerName = exports.ManagerName = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  margin-left: ", ";\n"])), (0, _constants.gridSize)() * 1.5, "var(--ds-space-100, 8px)");
-var OffsetWrapper = exports.OffsetWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  // Offset left margin so the avatar aligns with the heading\n  margin-left: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-negative-050, -4px)");
+var ReportingLinesSection = exports.ReportingLinesSection = _styled.default.div({
+  // Minor left margin to align better with existing icon fields
+  marginLeft: "var(--ds-space-050, 4px)",
+  marginTop: "var(--ds-space-100, 8px)"
+});
+var ReportingLinesHeading = exports.ReportingLinesHeading = _styled.default.h3({
+  color: _constants2.appLabelTextColor,
+  fontSize: "".concat((0, _constants.gridSize)() * 1.5, "px"),
+  fontWeight: 600,
+  marginBottom: "var(--ds-space-100, 8px)"
+});
+var ManagerSection = exports.ManagerSection = _styled.default.div({
+  display: 'flex',
+  alignItems: 'center',
+  margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
+});
+var ManagerName = exports.ManagerName = _styled.default.span({
+  fontSize: "".concat((0, _constants.gridSize)() * 1.5, "px"),
+  marginLeft: "var(--ds-space-100, 8px)"
+});
+var OffsetWrapper = exports.OffsetWrapper = _styled.default.div({
+  marginTop: "var(--ds-space-050, 4px)",
+  // Offset left margin so the avatar aligns with the heading
+  marginLeft: "var(--ds-space-negative-050, -4px)"
+});

package/dist/cjs/styled/TeamCard.js

@@ -11,26 +11,85 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
 var _constants2 = require("./constants");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-var CardTriggerWrapper = exports.CardTriggerWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inherit;\n"])));
-var CardWrapper = exports.CardWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: ", "px;\n  width: ", "px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"])), _constants2.bgColor, _constants.borderRadius, (0, _constants.gridSize)() * 40);
-var TeamForbiddenErrorStateWrapper = exports.TeamForbiddenErrorStateWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  position: relative;\n"])), (0, _constants.gridSize)() * 40);
-var CardHeader = exports.CardHeader = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\n"])), function (props) {
+var _templateObject;
+var CardTriggerWrapper = exports.CardTriggerWrapper = _styled.default.div({
+  display: 'inherit'
+});
+var CardWrapper = exports.CardWrapper = _styled.default.div({
+  backgroundColor: _constants2.bgColor,
+  borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
+  width: "".concat((0, _constants.gridSize)() * 40, "px"),
+  position: 'relative',
+  WebkitFontSmoothing: 'antialiased',
+  MozOsxFontSmoothing: 'grayscale'
+});
+var TeamForbiddenErrorStateWrapper = exports.TeamForbiddenErrorStateWrapper = _styled.default.div({
+  width: "".concat((0, _constants.gridSize)() * 40, "px"),
+  position: 'relative'
+});
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation
+var CardHeader = exports.CardHeader = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\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, ")") : '';
 }, (0, _constants.gridSize)() * 16);
-var CardContent = exports.CardContent = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n  min-height: ", "px;\n"])), "var(--ds-space-300, 24px)", (0, _constants.gridSize)() * 13);
-var TeamName = exports.TeamName = _styled.default.h6(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  text-transform: none;\n  overflow: hidden;\n  max-height: 48px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n"])), _typography.h600);
-var MemberCount = exports.MemberCount = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-050, 4px)");
-var AvatarSection = exports.AvatarSection = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  margin-left: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-negative-025, -2px)");
-var DescriptionWrapper = exports.DescriptionWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  align-items: center;\n  display: flex;\n"])), "var(--ds-space-200, 16px)");
-var Description = exports.Description = _styled.default.span(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  max-height: 60px;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n"])));
-var ActionButtons = exports.ActionButtons = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  width: calc(100% + 8px);\n  display: flex;\n  justify-content: space-between;\n  margin: ", " ", "\n    0 ", ";\n  background-color: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-negative-100, -8px)", "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))");
-var WrappedButton = exports.WrappedButton = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  flex-basis: 0;\n  flex-grow: 1;\n  margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
-var MoreButton = exports.MoreButton = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
-var LoadingWrapper = exports.LoadingWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  margin-top: ", ";\n"])), "var(--ds-space-500, 40px)");
-var AccessLockSVGWrapper = exports.AccessLockSVGWrapper = _styled.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
+var CardContent = exports.CardContent = _styled.default.div({
+  display: 'flex',
+  flexDirection: 'column',
+  padding: "var(--ds-space-300, 24px)",
+  minHeight: "".concat((0, _constants.gridSize)() * 13, "px")
+});
+var TeamName = exports.TeamName = _styled.default.h6(_typography.h600, {
+  textTransform: 'none',
+  overflow: 'hidden',
+  maxHeight: '48px',
+  display: '-webkit-box',
+  WebkitLineClamp: 2,
+  WebkitBoxOrient: 'vertical'
+});
+var MemberCount = exports.MemberCount = _styled.default.div({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+  marginTop: "var(--ds-space-050, 4px)"
+});
+var AvatarSection = exports.AvatarSection = _styled.default.div({
+  marginTop: "var(--ds-space-200, 16px)",
+  marginLeft: "var(--ds-space-negative-025, -2px)"
+});
+var DescriptionWrapper = exports.DescriptionWrapper = _styled.default.div({
+  marginTop: "var(--ds-space-200, 16px)",
+  alignItems: 'center',
+  display: 'flex'
+});
+var Description = exports.Description = _styled.default.span({
+  overflow: 'hidden',
+  maxHeight: '60px',
+  display: '-webkit-box',
+  WebkitLineClamp: 3,
+  WebkitBoxOrient: 'vertical'
+});
+var ActionButtons = exports.ActionButtons = _styled.default.div({
+  width: 'calc(100% + 8px)',
+  display: 'flex',
+  justifyContent: 'space-between',
+  margin: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-negative-300, -24px)", " 0 ", "var(--ds-space-negative-100, -8px)"),
+  backgroundColor: "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))"
+});
+var WrappedButton = exports.WrappedButton = _styled.default.div({
+  flexBasis: 0,
+  flexGrow: 1,
+  marginLeft: "var(--ds-space-100, 8px)"
+});
+var MoreButton = exports.MoreButton = _styled.default.div({
+  marginLeft: "var(--ds-space-100, 8px)"
+});
+var LoadingWrapper = exports.LoadingWrapper = _styled.default.div({
+  textAlign: 'center',
+  marginTop: "var(--ds-space-500, 40px)"
+});
+var AccessLockSVGWrapper = exports.AccessLockSVGWrapper = _styled.default.div({
+  marginBottom: "var(--ds-space-300, 24px)"
+});
 
 // export const LoadingTeamName = styled.div`
 //   width: 175px;

package/dist/cjs/util/analytics.js

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

package/dist/es2019/client/getTeamFromAGG.js

@@ -67,7 +67,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', "19.11.5");
+  headers.append('atl-client-version', "19.11.7");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -44,7 +44,9 @@ const useKudos = (cloudId, userId, teamCentralBaseUrl, openKudosDrawer) => {
   };
 };
 const Wrapper = props => /*#__PURE__*/React.createElement(CardWrapper, {
-  "data-testid": "profilecard"
+  "data-testid": "profilecard",
+  role: "dialog",
+  "aria-labelledby": "profilecard-name-label"
 }, props.children);
 export const ProfilecardInternal = props => {
   const [openTime] = useState(getPageTime());

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

@@ -16,7 +16,8 @@ const renderName = (nickname, fullName, meta) => {
   const displayName = isNicknameRedundant ? fullName : `${fullName}${shownNickname}`;
   return /*#__PURE__*/React.createElement(FullNameLabel, {
     noMeta: !meta,
-    "data-testid": "profilecard-name"
+    "data-testid": "profilecard-name",
+    id: "profilecard-name-label"
   }, displayName);
 };
 const disabledAccountDesc = (statusModifiedDate, disabledAccountMessage, status = 'closed') => {
@@ -66,7 +67,8 @@ const DisabledProfileCardDetails = props => {
   return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(FullNameLabel, {
     noMeta: true,
     isDisabledAccount: true,
-    "data-testid": "profilecard-name"
+    "data-testid": "profilecard-name",
+    id: "profilecard-name-label"
   }, name), hasDisabledAccountLozenge && /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
     appearance: "default",
     isBold: true

package/dist/es2019/i18n/cs.js

@@ -7,6 +7,8 @@
  */
 //Czech
 export default {
+  'profilecard.user.trigger.aria-label': 'Další informace o položce {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Další informace o tomto uživateli',
   'pt.profile-card.closed.account': 'Smazaný účet',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Účet uživatele je smazaný již několik měsíců.',
   'pt.profile-card.closed.account.has.date.last.month': 'Účet uživatele byl minulý měsíc smazán.',

package/dist/es2019/i18n/da.js

@@ -7,6 +7,8 @@
  */
 //Danish (Denmark)
 export default {
+  'profilecard.user.trigger.aria-label': 'Flere oplysninger om {fullName}',
+  'profilecard.user.trigger.fallback-aria-label': 'Flere oplysninger om denne bruger',
   'pt.profile-card.closed.account': 'Konto slettet',
   'pt.profile-card.closed.account.has.date.a.few.months': 'Personens konto har været slettet i nogle måneder.',
   'pt.profile-card.closed.account.has.date.last.month': 'Personens konto blev slettet i sidste måned.',