@atlaskit/profilecard 16.6.1 → 16.9.0

package/dist/esm/i18n/en.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Their account has been deleted.',
   'pt.profile-card.disabled.account.default.name': 'Former user',
   'pt.profile-card.general.msg.disabled.user': 'You can no longer collaborate with this person.',
+  'pt.profile-card.give-kudos': 'Give kudos',
   'pt.profile-card.inactive.account': 'Account deactivated',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Their account has been deactivated for a few months.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Their account was deactivated last month.',

package/dist/esm/i18n/en_GB.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Their account has been deleted.',
   'pt.profile-card.disabled.account.default.name': 'Former user',
   'pt.profile-card.general.msg.disabled.user': 'You can no longer collaborate with this person.',
+  'pt.profile-card.give-kudos': 'Give kudos',
   'pt.profile-card.inactive.account': 'Account deactivated',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Their account has been deactivated for a few months.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Their account was deactivated last month.',

package/dist/esm/i18n/en_ZZ.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': '⁣⁢Their account has been deleted.‌؜⁠⁡‌‌‌‌⁡⁡‌؜؜؜⁠⁣⁤',
   'pt.profile-card.disabled.account.default.name': '⁣⁢Former user‍‌⁠⁡‍⁡‌‌‍⁡⁣⁤',
   'pt.profile-card.general.msg.disabled.user': '⁣⁢You can no longer collaborate with this person.⁠⁠⁡؜⁠⁠⁣⁤',
+  'pt.profile-card.give-kudos': '⁣⁢Give kudos‌⁡‍‌‍‌⁠؜‍؜؜⁣⁤',
   'pt.profile-card.inactive.account': '⁣⁢Account deactivated‍؜⁡⁠‌؜‍⁡⁣⁤',
   'pt.profile-card.inactive.account.has.date.a.few.months': '⁣⁢Their account has been deactivated for a few months.‌‌⁡⁠⁡⁠؜⁣⁤',
   'pt.profile-card.inactive.account.has.date.last.month': '⁣⁢Their account was deactivated last month.‌‍‍⁠‍⁡؜‌⁡⁡⁠⁣⁤',

package/dist/esm/i18n/es.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Su cuenta está eliminada.',
   'pt.profile-card.disabled.account.default.name': 'Antiguo usuario',
   'pt.profile-card.general.msg.disabled.user': 'Ya no puedes colaborar con esta persona.',
+  'pt.profile-card.give-kudos': 'Felicitar',
   'pt.profile-card.inactive.account': 'Cuenta desactivada',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Su cuenta se desactivó hace algunos meses.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Su cuenta se desactivó el mes pasado.',

package/dist/esm/i18n/fi.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Hänen tilinsä on poistettu.',
   'pt.profile-card.disabled.account.default.name': 'Entinen käyttäjä',
   'pt.profile-card.general.msg.disabled.user': 'Et voi enää tehdä yhteistyötä tämän henkilön kanssa.',
+  'pt.profile-card.give-kudos': 'Anna kehuja',
   'pt.profile-card.inactive.account': 'Tili poistettu käytöstä',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Hänen tilinsä on ollut poissa käytöstä muutaman kuukauden ajan.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Hänen tilinsä poistettiin käytöstä viime kuussa.',

package/dist/esm/i18n/fr.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Son compte a été supprimé.',
   'pt.profile-card.disabled.account.default.name': 'Ancien utilisateur',
   'pt.profile-card.general.msg.disabled.user': 'Vous ne pouvez plus collaborer avec cette personne.',
+  'pt.profile-card.give-kudos': 'Féliciter',
   'pt.profile-card.inactive.account': 'Compte désactivé',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Son compte a été désactivé il y a quelques mois.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Son compte a été désactivé le mois dernier.',

package/dist/esm/i18n/hu.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'A fiókját töröltük.',
   'pt.profile-card.disabled.account.default.name': 'Korábbi felhasználó',
   'pt.profile-card.general.msg.disabled.user': 'A továbbiakban nem működhet együtt ezzel a személlyel.',
+  'pt.profile-card.give-kudos': 'Dicséret',
   'pt.profile-card.inactive.account': 'A fiók inaktiválva.',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'A fiókját néhány hónapja inaktiváltuk.',
   'pt.profile-card.inactive.account.has.date.last.month': 'A fiókját a múlt hónapban inaktiváltuk.',

package/dist/esm/i18n/it.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Il suo account è stato eliminato.',
   'pt.profile-card.disabled.account.default.name': 'Ex utente',
   'pt.profile-card.general.msg.disabled.user': 'Non puoi più collaborare con questa persona.',
+  'pt.profile-card.give-kudos': 'Complimentati',
   'pt.profile-card.inactive.account': 'Account disattivato',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Il suo account è disattivato da qualche mese.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Il suo account è stato disattivato il mese scorso.',

package/dist/esm/i18n/ja.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'アカウントは削除されています。',
   'pt.profile-card.disabled.account.default.name': '元ユーザー',
   'pt.profile-card.general.msg.disabled.user': 'もうこの人とコラボレーションすることはできません。',
+  'pt.profile-card.give-kudos': '賞賛を送る',
   'pt.profile-card.inactive.account': '無効なアカウント',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'アカウントは 2〜3 か月前に無効になりました。',
   'pt.profile-card.inactive.account.has.date.last.month': 'アカウントは先月無効になりました。',

package/dist/esm/i18n/ko.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': '계정이 삭제되었습니다.',
   'pt.profile-card.disabled.account.default.name': '이전 사용자',
   'pt.profile-card.general.msg.disabled.user': '더 이상 이 사람과 협업할 수 없습니다.',
+  'pt.profile-card.give-kudos': '칭찬하기',
   'pt.profile-card.inactive.account': '계정이 비활성화됨',
   'pt.profile-card.inactive.account.has.date.a.few.months': '계정이 몇 달 전에 비활성화되었습니다.',
   'pt.profile-card.inactive.account.has.date.last.month': '계정이 지난달에 비활성화되었습니다.',

package/dist/esm/i18n/nb.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Vedkommendes konto er slettet.',
   'pt.profile-card.disabled.account.default.name': 'Tidligere bruker',
   'pt.profile-card.general.msg.disabled.user': 'Du kan ikke lenger samarbeide med denne personen.',
+  'pt.profile-card.give-kudos': 'Gi kudos',
   'pt.profile-card.inactive.account': 'Kontoen er deaktivert',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Vedkommendes konto har vært  deaktivert i noen måneder.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Vedkommendes konto ble deaktivert denne måneden.',

package/dist/esm/i18n/nl.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Zijn/haar account is verwijderd.',
   'pt.profile-card.disabled.account.default.name': 'Voormalige gebruiker',
   'pt.profile-card.general.msg.disabled.user': 'Je kunt niet meer samenwerken met deze persoon.',
+  'pt.profile-card.give-kudos': 'Geef kudos',
   'pt.profile-card.inactive.account': 'Account gedeactiveerd',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Zijn/haar account is al een paar maanden gedeactiveerd.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Zijn/haar account is vorige maand gedeactiveerd.',

package/dist/esm/i18n/pl.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Jej konto zostało usunięte.',
   'pt.profile-card.disabled.account.default.name': 'Były użytkownik',
   'pt.profile-card.general.msg.disabled.user': 'Nie możesz już współpracować z tą osobą.',
+  'pt.profile-card.give-kudos': 'Przekaż wyrazy uznania',
   'pt.profile-card.inactive.account': 'Konto zdezaktywowane',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Jej konto zostało zdezaktywowane przynajmniej kilka miesięcy temu.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Jej konto zdezaktywowane w zeszłym miesiącu.',

package/dist/esm/i18n/pt_BR.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'A conta do usuário foi excluída.',
   'pt.profile-card.disabled.account.default.name': 'Ex-usuário',
   'pt.profile-card.general.msg.disabled.user': 'Você não pode mais colaborar com essa pessoa.',
+  'pt.profile-card.give-kudos': 'Envie elogios',
   'pt.profile-card.inactive.account': 'Conta desativada',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'A conta do usuário foi desativada há alguns meses.',
   'pt.profile-card.inactive.account.has.date.last.month': 'A conta do usuário foi desativada no mês passado.',

package/dist/esm/i18n/ru.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Его аккаунт был удален.',
   'pt.profile-card.disabled.account.default.name': 'Бывший пользователь',
   'pt.profile-card.general.msg.disabled.user': 'Вы больше не можете работать с этим пользователем.',
+  'pt.profile-card.give-kudos': 'Похвалить',
   'pt.profile-card.inactive.account': 'Аккаунт отключен',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Его аккаунт был отключен несколько месяцев назад.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Его аккаунт был отключен в прошлом месяце.',

package/dist/esm/i18n/sv.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Personens konto har tagits bort.',
   'pt.profile-card.disabled.account.default.name': 'Före detta användare',
   'pt.profile-card.general.msg.disabled.user': 'Du kan inte längre samarbeta med den här personen.',
+  'pt.profile-card.give-kudos': 'Ge beröm',
   'pt.profile-card.inactive.account': 'Kontot är inaktiverat',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Personens konto har varit inaktiverat i några få månader.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Personens konto inaktiverades förra månaden.',

package/dist/esm/i18n/th.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'บัญชีของผู้ใช้ถูกลบไปแล้ว',
   'pt.profile-card.disabled.account.default.name': 'ผู้ใช้เดิม',
   'pt.profile-card.general.msg.disabled.user': 'คุณไม่สามารถทำงานร่วมกับบุคคลนี้ได้อีก',
+  'pt.profile-card.give-kudos': 'แสดงความชื่นชม',
   'pt.profile-card.inactive.account': 'ปิดใช้งานบัญชีแล้ว',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'บัญชีของผู้ใช้ถูกปิดใช้งานไปแล้วไม่กี่เดือน',
   'pt.profile-card.inactive.account.has.date.last.month': 'บัญชีของผู้ใช้ถูกปิดใช้งานไปเมื่อเดือนที่แล้ว',

package/dist/esm/i18n/tr.js

@@ -16,6 +16,7 @@ export 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.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/esm/i18n/uk.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Обліковий запис користувача видалено.',
   'pt.profile-card.disabled.account.default.name': 'Колишній користувач',
   'pt.profile-card.general.msg.disabled.user': 'Ви більше не можете співпрацювати з цим користувачем.',
+  'pt.profile-card.give-kudos': 'Похвалити',
   'pt.profile-card.inactive.account': 'Обліковий запис деактивовано',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Обліковий запис користувача деактивовано кілька місяців тому.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Обліковий запис користувача деактивовано минулого місяця.',

package/dist/esm/i18n/vi.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Tài khoản của họ đã bị xóa.',
   'pt.profile-card.disabled.account.default.name': 'Người dùng cũ',
   'pt.profile-card.general.msg.disabled.user': 'Bạn không thể hợp tác với người này được nữa.',
+  'pt.profile-card.give-kudos': 'Khen ngợi',
   'pt.profile-card.inactive.account': 'Tài khoản đã bị hủy kích hoạt',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Tài khoản của họ đã bị hủy kích hoạt một vài tháng.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Tài khoản của họ đã bị hủy kích hoạt tháng trước.',

package/dist/esm/i18n/zh.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': '他们的帐户已被删除。',
   'pt.profile-card.disabled.account.default.name': '前用户',
   'pt.profile-card.general.msg.disabled.user': '您无法再与此人合作。',
+  'pt.profile-card.give-kudos': '给予称赞',
   'pt.profile-card.inactive.account': '帐户已停用',
   'pt.profile-card.inactive.account.has.date.a.few.months': '他们的帐户已被停用数月。',
   'pt.profile-card.inactive.account.has.date.last.month': '他们的帐户上月已被停用。',

package/dist/esm/i18n/zh_TW.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': '其帳戶已刪除。',
   'pt.profile-card.disabled.account.default.name': '舊使用者',
   'pt.profile-card.general.msg.disabled.user': '您無法再與此人員合作。',
+  'pt.profile-card.give-kudos': '給予讚美',
   'pt.profile-card.inactive.account': '帳戶已停用',
   'pt.profile-card.inactive.account.has.date.a.few.months': '其帳戶已停用幾個月了。',
   'pt.profile-card.inactive.account.has.date.last.month': '其帳戶在上個月已停用。',

package/dist/esm/messages.js

@@ -144,6 +144,11 @@ var messages = defineMessages({
     id: 'pt.profile-card.give-kudos',
     defaultMessage: 'Give kudos',
     description: 'Title for the button on the profile card for a user to give a kudos'
+  },
+  profileCardMoreIconLabel: {
+    id: 'pt.profile-card.more-icon-label',
+    defaultMessage: 'More',
+    description: 'Label for the meatballs icon on the profile card, which when clicked will provide more options'
   }
 });
 export default messages;

package/dist/esm/styled/Card.js

@@ -1,9 +1,10 @@
 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;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 
-import styled, { css } from 'styled-components';
+import styled, { css, keyframes } from 'styled-components';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
+import { token } from '@atlaskit/tokens';
 import { appLabelBgColor, appLabelTextColor, bgColor, boxShadow, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from '../styled/constants';
 
 var getFullNameMargin = function getFullNameMargin(props) {
@@ -14,21 +15,25 @@ export var CardContainerEmpty = styled.div(_templateObject || (_templateObject =
 export var CardWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: ", "px;\n  width: ", "px;\n"])), bgColor, borderRadius, gridSize() * 45);
 export var ProfileImage = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n"])), gridSize() * 3, gridSize() * 3);
 export var ActionsFlexSpacer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex: 1 0 auto;\n"])));
-export var ActionButtonGroup = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  user-select: none;\n  margin: ", "px 0 0 0;\n  text-align: right;\n\n  button,\n  a,\n  span {\n    margin-left: ", "px;\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"])), 2 * gridSize(), gridSize);
-export var CardContent = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  min-height: ", "px;\n"])), gridSize() * 17);
-export var DetailsGroup = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n  width: ", "px;\n"])), gridSize() * 14.5, gridSize() * 24.5);
-export var DisabledInfo = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  color: ", ";\n  margin: ", "px 0 0 0;\n  line-height: ", "px;\n"])), fontSizeSmall, labelTextColor, gridSize() * 1.5, gridSize() * 2);
-export var FullNameLabel = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 18px;\n  color: ", ";\n  margin: ", ";\n  line-height: ", "em;\n"])), function (props) {
+var kudosButtonAnimationTransformation = keyframes(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["{\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n}"])));
+export var KudosBlobAnimation = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: none;\n  height: 150px;\n  width: 150px;\n  z-index: -1;\n  position: absolute;\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"])), kudosButtonAnimationTransformation, token('color.background.information.pressed', '#85B8FF'), token('color.background.discovery.pressed', '#B8ACF6'));
+export var AnimatedKudosButton = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n  &:hover ", " {\n    display: block;\n  }\n\n  button,\n  a {\n    clip-path: inset(0px 0px 0px 0px round ", "px);\n  }\n  overflow: hidden;\n"])), gridSize, KudosBlobAnimation, borderRadius);
+export var ActionButtonGroup = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  user-select: none;\n  margin: ", "px 0 0 0;\n  text-align: right;\n  display: flex;\n  justify-content: flex-end;\n\n  button,\n  a,\n  span {\n    margin-left: ", "px;\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"])), 2 * gridSize(), gridSize);
+export var OverflowActionButtonsWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  margin-left: ", "px;\n"])), gridSize);
+export var CardContent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  min-height: ", "px;\n"])), gridSize() * 17);
+export var DetailsGroup = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n  width: ", "px;\n"])), gridSize() * 14.5, gridSize() * 24.5);
+export var DisabledInfo = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  color: ", ";\n  margin: ", "px 0 0 0;\n  line-height: ", "px;\n"])), fontSizeSmall, labelTextColor, gridSize() * 1.5, gridSize() * 2);
+export var FullNameLabel = styled.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 18px;\n  color: ", ";\n  margin: ", ";\n  line-height: ", "em;\n"])), function (props) {
   return props.isDisabledAccount ? headerTextColorInactive : headerTextColor;
 }, function (props) {
   return getFullNameMargin(props);
 }, 24 / 18);
-export var LozengeWrapper = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  text-transform: uppercase;\n  display: block;\n"])), gridSize() * 2);
-export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  margin-top: ", "px;\n  > * {\n    margin-top: ", "px;\n    &:not(:last-child) {\n      margin-right: ", "px;\n    }\n  }\n"])), gridSize() * 1.5, gridSize() / 2, gridSize() / 2);
-export var JobTitleLabel = styled.span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 14px;\n  color: ", ";\n  margin: 0 0 ", "px 0;\n  line-height: ", "em;\n"])), headerTextColor, gridSize() * 1.5, 24 / 14);
-export var AppTitleLabel = styled.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  background: ", ";\n  color: ", ";\n  border-radius: ", ";\n  padding: 0 6px;\n  width: fit-content;\n  font-weight: bold;\n  text-transform: uppercase;\n\n  font-size: 12px;\n  margin: 4px 0 ", "px 0;\n  line-height: ", "em;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), gridSize() * 1.5, 24 / 14);
-export var SpinnerContainer = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  position: relative;\n"])), gridSize() * 12);
-export var CardContainer = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-image: linear-gradient(\n    to bottom,\n    ", "\n      0%,\n    ", "\n      100%\n  );\n  background-repeat: no-repeat;\n  background-size: 100% ", "px;\n  box-sizing: content-box;\n  padding: ", "px;\n  ", "\n"])), function (props) {
+export var LozengeWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  text-transform: uppercase;\n  display: block;\n"])), gridSize() * 2);
+export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  margin-top: ", "px;\n  > * {\n    margin-top: ", "px;\n    &:not(:last-child) {\n      margin-right: ", "px;\n    }\n  }\n"])), gridSize() * 1.5, gridSize() / 2, gridSize() / 2);
+export var JobTitleLabel = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 14px;\n  color: ", ";\n  margin: 0 0 ", "px 0;\n  line-height: ", "em;\n"])), headerTextColor, gridSize() * 1.5, 24 / 14);
+export var AppTitleLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  background: ", ";\n  color: ", ";\n  border-radius: ", ";\n  padding: 0 6px;\n  width: fit-content;\n  font-weight: bold;\n  text-transform: uppercase;\n\n  font-size: 12px;\n  margin: 4px 0 ", "px 0;\n  line-height: ", "em;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), gridSize() * 1.5, 24 / 14);
+export var SpinnerContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  position: relative;\n"])), gridSize() * 12);
+export var CardContainer = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-image: linear-gradient(\n    to bottom,\n    ", "\n      0%,\n    ", "\n      100%\n  );\n  background-repeat: no-repeat;\n  background-size: 100% ", "px;\n  box-sizing: content-box;\n  padding: ", "px;\n  ", "\n  overflow: hidden;\n"])), function (props) {
   return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
 }, function (props) {
   return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
@@ -37,8 +42,8 @@ export var CardContainer = styled.div(_templateObject15 || (_templateObject15 =
     return '';
   }
 
-  return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      box-shadow: ", ";\n      border-radius: ", "px;\n    "])), boxShadow, borderRadius);
+  return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      box-shadow: ", ";\n      border-radius: ", "px;\n    "])), boxShadow, borderRadius);
 });
-export var DetailsLabel = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  line-height: ", "px;\n  font-size: ", "px;\n  margin: ", "px 0 0 0;\n  white-space: nowrap;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"])), gridSize() * 3, gridSize() * 1.5, gridSize() * 2, gridSize() / 4);
-export var DetailsLabelIcon = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-shrink: 0;\n  color: ", ";\n  width: ", "px;\n  height: ", "px;\n  padding: ", "px;\n  vertical-align: top;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), labelIconColor, gridSize() * 2, gridSize() * 2, gridSize() / 2);
-export var DetailsLabelText = styled.span(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n  padding-left: ", "px;\n"])), labelTextColor, gridSize() / 2);
+export var DetailsLabel = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  line-height: ", "px;\n  font-size: ", "px;\n  margin: ", "px 0 0 0;\n  white-space: nowrap;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"])), gridSize() * 3, gridSize() * 1.5, gridSize() * 2, gridSize() / 4);
+export var DetailsLabelIcon = styled.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-shrink: 0;\n  color: ", ";\n  width: ", "px;\n  height: ", "px;\n  padding: ", "px;\n  vertical-align: top;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), labelIconColor, gridSize() * 2, gridSize() * 2, gridSize() / 2);
+export var DetailsLabelText = styled.span(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n  padding-left: ", "px;\n"])), labelTextColor, gridSize() / 2);

package/dist/esm/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "16.6.1"
+      packageVersion: "16.9.0"
     }, attributes), {}, {
       firedAt: getPageTime()
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.6.1"
+	"version": "16.9.0"
 }

package/dist/types/components/Team/TeamProfileCardTrigger.d.ts

@@ -18,6 +18,9 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseEnter: () => void;
     onMouseLeave: () => void;
+    openKudosDrawer: () => void;
+    closeKudosDrawer: () => void;
+    kudosUrl: () => string;
     stopPropagation: (event: React.MouseEvent<HTMLElement>) => void;
     triggerListeners: {
         onClick: (event: React.MouseEvent<HTMLElement>) => void;
@@ -35,10 +38,11 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     componentWillUnmount(): void;
     clientFetchProfile: () => void;
     onErrorBoundary: () => void;
-    handleClientSuccess(res: Team): void;
+    handleClientSuccess(team: Team, shouldShowGiveKudos: boolean): void;
     handleClientError(err: any): void;
     filterActions(): ProfileCardAction[];
     renderProfileCard: () => JSX.Element;
+    renderKudosLauncher: () => false | JSX.Element | undefined;
     renderTrigger: (triggerProps: TriggerProps) => JSX.Element;
     renderPopup(): React.ReactNode;
     render(): React.ReactNode;

package/dist/types/components/User/OverflowProfileCardButtons.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProfileCardAction } from '../../types';
+declare type OverflowButtonsProps = {
+    actions: ProfileCardAction[];
+    onItemClick: (action: ProfileCardAction, args: any, event: React.MouseEvent | React.KeyboardEvent) => void;
+};
+export declare const OverflowProfileCardButtons: (props: OverflowButtonsProps) => JSX.Element;
+export {};

package/dist/types/components/User/ProfileCard.d.ts

@@ -2,6 +2,7 @@ import React, { ReactElement } from 'react';
 import { LozengeProps, ProfileCardAction, ProfilecardProps } from '../../types';
 export default class Profilecard extends React.PureComponent<ProfilecardProps> {
     static defaultProps: ProfilecardProps;
+    GIVE_KUDOS_ACTION_ID: string;
     private timeOpen;
     clientFetchProfile: () => void;
     constructor(props: ProfilecardProps);
@@ -15,6 +16,7 @@ export default class Profilecard extends React.PureComponent<ProfilecardProps> {
     getActions(): ProfileCardAction[];
     renderButton: (action: ProfileCardAction, idx: number) => ReactElement;
     renderActionsButtons(): JSX.Element | null;
+    private onActionClick;
     renderCardDetailsDefault(): JSX.Element;
     renderCardDetailsForDisabledAccount(): JSX.Element;
     getDisabledAccountName(): string | JSX.Element | null | undefined;

package/dist/types/i18n/cs.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/da.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/de.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/en.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/en_GB.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/en_ZZ.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/es.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/fi.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/fr.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/hu.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/it.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/ja.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/ko.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/nb.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/nl.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/pl.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/pt_BR.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/ru.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/sv.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/th.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/tr.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/uk.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/vi.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;

package/dist/types/i18n/zh.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
     'pt.profile-card.closed.account.no.date': string;
     'pt.profile-card.disabled.account.default.name': string;
     'pt.profile-card.general.msg.disabled.user': string;
+    'pt.profile-card.give-kudos': string;
     'pt.profile-card.inactive.account': string;
     'pt.profile-card.inactive.account.has.date.a.few.months': string;
     'pt.profile-card.inactive.account.has.date.last.month': string;