@atlaskit/profilecard 16.7.0 → 16.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 16.8.0
+
+### Minor Changes
+
+- [`319c46e77de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/319c46e77de) - [ux] Adding a button background animation when the give kudos button on the profile card is hovered over
+
 ## 16.7.0
 
 ### Minor Changes

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

@@ -77,6 +77,7 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
 
     (0, _classCallCheck2.default)(this, Profilecard);
     _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "GIVE_KUDOS_ACTION_ID", 'give-kudos');
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "durationSince", function (from) {
       var fromParsed = from || 0;
       return fromParsed > 0 ? Date.now() - fromParsed : null;
@@ -106,8 +107,10 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderButton", function (action, idx) {
-      return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        appearance: idx === 0 ? 'default' : 'subtle',
+      var isGiveKudosActionButton = action.id === _this.GIVE_KUDOS_ACTION_ID;
+
+      var actionButton = /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+        appearance: "default",
         key: action.id || idx,
         onClick: function onClick(event) {
           for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -117,7 +120,13 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
           return _this.onActionClick(action, args, event);
         },
         href: action.link
-      }, action.label);
+      }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null));
+
+      if (isGiveKudosActionButton) {
+        return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, null, actionButton);
+      }
+
+      return actionButton;
     });
     _this.timeOpen = null;
 
@@ -156,7 +165,7 @@ var Profilecard = /*#__PURE__*/function (_React$PureComponent) {
       if (!this.props.isCurrentUser && this.props.isKudosEnabled) {
         var kudosAction = {
           label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.giveKudosButton),
-          id: 'give-kudos',
+          id: this.GIVE_KUDOS_ACTION_ID,
           callback: function callback() {
             _this3.kudosButtonCallback();
           },

package/dist/cjs/i18n/cs.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Účet uživatele byl smazán.',
   'pt.profile-card.disabled.account.default.name': 'Bývalý uživatel',
   'pt.profile-card.general.msg.disabled.user': 'S touto osobou již nemůžete spolupracovat.',
+  'pt.profile-card.give-kudos': 'Pogratulovat',
   'pt.profile-card.inactive.account': 'Deaktivovaný účet',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Účet uživatele je deaktivovaný již několik měsíců.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Účet uživatele byl deaktivován minulý měsíc.',

package/dist/cjs/i18n/da.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Personens konto er blevet slettet.',
   'pt.profile-card.disabled.account.default.name': 'Forhenværende bruger',
   'pt.profile-card.general.msg.disabled.user': 'Du kan ikke længere samarbejde med denne person.',
+  'pt.profile-card.give-kudos': 'Giv ros',
   'pt.profile-card.inactive.account': 'Konto deaktiveret',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Personens konto har været deaktiveret i nogle måneder.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Personens konto blev deaktiveret i sidste måned.',

package/dist/cjs/i18n/de.js

@@ -23,6 +23,7 @@ var _default = {
   'pt.profile-card.closed.account.no.date': 'Das Konto dieser Person wurde gelöscht.',
   'pt.profile-card.disabled.account.default.name': 'Ehemaliger Benutzer',
   'pt.profile-card.general.msg.disabled.user': 'Sie können mit dieser Person nicht mehr zusammenarbeiten.',
+  'pt.profile-card.give-kudos': 'Loben',
   'pt.profile-card.inactive.account': 'Konto deaktiviert',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Das Konto dieser Person wurde vor wenigen Monaten gelöscht.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Das Konto dieser Person wurde letzten Monat deaktiviert.',

package/dist/cjs/i18n/en.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/en_GB.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/en_ZZ.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/es.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/fi.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/fr.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/hu.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/it.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/ja.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/ko.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/nb.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/nl.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/pl.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/pt_BR.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/ru.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/sv.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/th.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/tr.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/uk.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/vi.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/zh.js

@@ -23,6 +23,7 @@ var _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/cjs/i18n/zh_TW.js

@@ -23,6 +23,7 @@ var _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/cjs/styled/Card.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SpinnerContainer = exports.ProfileImage = exports.OverflowActionButtonsWrapper = exports.LozengeWrapper = exports.JobTitleLabel = exports.FullNameLabel = exports.DisabledInfo = exports.DetailsLabelText = exports.DetailsLabelIcon = exports.DetailsLabel = exports.DetailsGroup = exports.CustomLozengeContainer = exports.CardWrapper = exports.CardContent = exports.CardContainerEmpty = exports.CardContainer = exports.AppTitleLabel = exports.ActionsFlexSpacer = exports.ActionButtonGroup = void 0;
+exports.SpinnerContainer = exports.ProfileImage = exports.OverflowActionButtonsWrapper = exports.LozengeWrapper = exports.KudosBlobAnimation = exports.JobTitleLabel = exports.FullNameLabel = exports.DisabledInfo = exports.DetailsLabelText = exports.DetailsLabelIcon = exports.DetailsLabel = exports.DetailsGroup = exports.CustomLozengeContainer = exports.CardWrapper = exports.CardContent = exports.CardContainerEmpty = exports.CardContainer = exports.AppTitleLabel = exports.AnimatedKudosButton = exports.ActionsFlexSpacer = exports.ActionButtonGroup = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -15,9 +15,11 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _constants = require("@atlaskit/theme/constants");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _constants2 = require("../styled/constants");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -42,28 +44,37 @@ exports.ProfileImage = ProfileImage;
 var ActionsFlexSpacer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 0 auto;\n"])));
 
 exports.ActionsFlexSpacer = ActionsFlexSpacer;
+var kudosButtonAnimationTransformation = (0, _styledComponents.keyframes)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["{\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n}"])));
+
+var KudosBlobAnimation = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\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, (0, _tokens.token)('color.background.information.pressed', '#85B8FF'), (0, _tokens.token)('color.background.discovery.pressed', '#B8ACF6'));
+
+exports.KudosBlobAnimation = KudosBlobAnimation;
+
+var AnimatedKudosButton = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants.gridSize, KudosBlobAnimation, _constants.borderRadius);
+
+exports.AnimatedKudosButton = AnimatedKudosButton;
 
-var ActionButtonGroup = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\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 * (0, _constants.gridSize)(), _constants.gridSize);
+var ActionButtonGroup = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\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 * (0, _constants.gridSize)(), _constants.gridSize);
 
 exports.ActionButtonGroup = ActionButtonGroup;
 
-var OverflowActionButtonsWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  margin-left: ", "px;\n"])), _constants.gridSize);
+var OverflowActionButtonsWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  margin-left: ", "px;\n"])), _constants.gridSize);
 
 exports.OverflowActionButtonsWrapper = OverflowActionButtonsWrapper;
 
-var CardContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  min-height: ", "px;\n"])), (0, _constants.gridSize)() * 17);
+var CardContent = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  min-height: ", "px;\n"])), (0, _constants.gridSize)() * 17);
 
 exports.CardContent = CardContent;
 
-var DetailsGroup = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 14.5, (0, _constants.gridSize)() * 24.5);
+var DetailsGroup = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 14.5, (0, _constants.gridSize)() * 24.5);
 
 exports.DetailsGroup = DetailsGroup;
 
-var DisabledInfo = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  color: ", ";\n  margin: ", "px 0 0 0;\n  line-height: ", "px;\n"])), _constants.fontSizeSmall, _constants2.labelTextColor, (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() * 2);
+var DisabledInfo = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  color: ", ";\n  margin: ", "px 0 0 0;\n  line-height: ", "px;\n"])), _constants.fontSizeSmall, _constants2.labelTextColor, (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() * 2);
 
 exports.DisabledInfo = DisabledInfo;
 
-var FullNameLabel = _styledComponents.default.span(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\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 FullNameLabel = _styledComponents.default.span(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\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 ? _constants2.headerTextColorInactive : _constants2.headerTextColor;
 }, function (props) {
   return getFullNameMargin(props);
@@ -71,25 +82,25 @@ var FullNameLabel = _styledComponents.default.span(_templateObject10 || (_templa
 
 exports.FullNameLabel = FullNameLabel;
 
-var LozengeWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  text-transform: uppercase;\n  display: block;\n"])), (0, _constants.gridSize)() * 2);
+var LozengeWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  text-transform: uppercase;\n  display: block;\n"])), (0, _constants.gridSize)() * 2);
 
 exports.LozengeWrapper = LozengeWrapper;
-var CustomLozengeContainer = (0, _styledComponents.default)(LozengeWrapper)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
+var CustomLozengeContainer = (0, _styledComponents.default)(LozengeWrapper)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
 exports.CustomLozengeContainer = CustomLozengeContainer;
 
-var JobTitleLabel = _styledComponents.default.span(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants2.headerTextColor, (0, _constants.gridSize)() * 1.5, 24 / 14);
+var JobTitleLabel = _styledComponents.default.span(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants2.headerTextColor, (0, _constants.gridSize)() * 1.5, 24 / 14);
 
 exports.JobTitleLabel = JobTitleLabel;
 
-var AppTitleLabel = _styledComponents.default.span(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), (0, _constants.gridSize)() * 1.5, 24 / 14);
+var AppTitleLabel = _styledComponents.default.span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), (0, _constants.gridSize)() * 1.5, 24 / 14);
 
 exports.AppTitleLabel = AppTitleLabel;
 
-var SpinnerContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  position: relative;\n"])), (0, _constants.gridSize)() * 12);
+var SpinnerContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  position: relative;\n"])), (0, _constants.gridSize)() * 12);
 
 exports.SpinnerContainer = SpinnerContainer;
 
-var CardContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\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) {
+var CardContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\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 ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
 }, function (props) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
@@ -98,19 +109,19 @@ var CardContainer = _styledComponents.default.div(_templateObject16 || (_templat
     return '';
   }
 
-  return (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow: ", ";\n      border-radius: ", "px;\n    "])), _constants2.boxShadow, _constants.borderRadius);
+  return (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow: ", ";\n      border-radius: ", "px;\n    "])), _constants2.boxShadow, _constants.borderRadius);
 });
 
 exports.CardContainer = CardContainer;
 
-var DetailsLabel = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() / 4);
+var DetailsLabel = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() / 4);
 
 exports.DetailsLabel = DetailsLabel;
 
-var DetailsLabelIcon = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants2.labelIconColor, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() / 2);
+var DetailsLabelIcon = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\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"])), _constants2.labelIconColor, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() / 2);
 
 exports.DetailsLabelIcon = DetailsLabelIcon;
 
-var DetailsLabelText = _styledComponents.default.span(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n  padding-left: ", "px;\n"])), _constants2.labelTextColor, (0, _constants.gridSize)() / 2);
+var DetailsLabelText = _styledComponents.default.span(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n  padding-left: ", "px;\n"])), _constants2.labelTextColor, (0, _constants.gridSize)() / 2);
 
 exports.DetailsLabelText = DetailsLabelText;

package/dist/cjs/util/analytics.js

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

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.7.0"
+	"version": "16.8.0"
 }

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

@@ -11,7 +11,7 @@ import { token } from '@atlaskit/tokens';
 import { AnalyticsName } from '../../internal/analytics';
 import relativeDate from '../../internal/relative-date';
 import messages from '../../messages';
-import { ActionButtonGroup, ActionsFlexSpacer, AppTitleLabel, CardContainer, CardContent, CardWrapper, CustomLozengeContainer, DetailsGroup, DisabledInfo, FullNameLabel, JobTitleLabel, LozengeWrapper, ProfileImage, SpinnerContainer } from '../../styled/Card';
+import { ActionButtonGroup, ActionsFlexSpacer, AnimatedKudosButton, AppTitleLabel, CardContainer, CardContent, CardWrapper, CustomLozengeContainer, DetailsGroup, DisabledInfo, FullNameLabel, JobTitleLabel, KudosBlobAnimation, LozengeWrapper, ProfileImage, SpinnerContainer } from '../../styled/Card';
 import { isBasicClick } from '../../util/click';
 import { ErrorMessage } from '../Error';
 import { IconLabel } from '../Icon';
@@ -21,6 +21,8 @@ export default class Profilecard extends React.PureComponent {
   constructor(props) {
     super(props);
 
+    _defineProperty(this, "GIVE_KUDOS_ACTION_ID", 'give-kudos');
+
     _defineProperty(this, "durationSince", from => {
       const fromParsed = from || 0;
       return fromParsed > 0 ? Date.now() - fromParsed : null;
@@ -53,12 +55,19 @@ export default class Profilecard extends React.PureComponent {
     });
 
     _defineProperty(this, "renderButton", (action, idx) => {
-      return /*#__PURE__*/React.createElement(Button, {
-        appearance: idx === 0 ? 'default' : 'subtle',
+      const isGiveKudosActionButton = action.id === this.GIVE_KUDOS_ACTION_ID;
+      const actionButton = /*#__PURE__*/React.createElement(Button, {
+        appearance: "default",
         key: action.id || idx,
         onClick: (event, ...args) => this.onActionClick(action, args, event),
         href: action.link
-      }, action.label);
+      }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(KudosBlobAnimation, null));
+
+      if (isGiveKudosActionButton) {
+        return /*#__PURE__*/React.createElement(AnimatedKudosButton, null, actionButton);
+      }
+
+      return actionButton;
     });
 
     this.timeOpen = null;
@@ -87,7 +96,7 @@ export default class Profilecard extends React.PureComponent {
     if (!this.props.isCurrentUser && this.props.isKudosEnabled) {
       const kudosAction = {
         label: /*#__PURE__*/React.createElement(FormattedMessage, messages.giveKudosButton),
-        id: 'give-kudos',
+        id: this.GIVE_KUDOS_ACTION_ID,
         callback: () => {
           this.kudosButtonCallback();
         },

package/dist/es2019/i18n/cs.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Účet uživatele byl smazán.',
   'pt.profile-card.disabled.account.default.name': 'Bývalý uživatel',
   'pt.profile-card.general.msg.disabled.user': 'S touto osobou již nemůžete spolupracovat.',
+  'pt.profile-card.give-kudos': 'Pogratulovat',
   'pt.profile-card.inactive.account': 'Deaktivovaný účet',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Účet uživatele je deaktivovaný již několik měsíců.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Účet uživatele byl deaktivován minulý měsíc.',

package/dist/es2019/i18n/da.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Personens konto er blevet slettet.',
   'pt.profile-card.disabled.account.default.name': 'Forhenværende bruger',
   'pt.profile-card.general.msg.disabled.user': 'Du kan ikke længere samarbejde med denne person.',
+  'pt.profile-card.give-kudos': 'Giv ros',
   'pt.profile-card.inactive.account': 'Konto deaktiveret',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Personens konto har været deaktiveret i nogle måneder.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Personens konto blev deaktiveret i sidste måned.',

package/dist/es2019/i18n/de.js

@@ -16,6 +16,7 @@ export default {
   'pt.profile-card.closed.account.no.date': 'Das Konto dieser Person wurde gelöscht.',
   'pt.profile-card.disabled.account.default.name': 'Ehemaliger Benutzer',
   'pt.profile-card.general.msg.disabled.user': 'Sie können mit dieser Person nicht mehr zusammenarbeiten.',
+  'pt.profile-card.give-kudos': 'Loben',
   'pt.profile-card.inactive.account': 'Konto deaktiviert',
   'pt.profile-card.inactive.account.has.date.a.few.months': 'Das Konto dieser Person wurde vor wenigen Monaten gelöscht.',
   'pt.profile-card.inactive.account.has.date.last.month': 'Das Konto dieser Person wurde letzten Monat deaktiviert.',

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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.',