@atlaskit/smart-card 18.0.17 → 18.0.18

package/dist/esm/i18n/pl.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Polish (Poland)
+export default {
+  'fabric.linking.cannot_connect': 'Nie można nawiązać połączenia. Spróbuj ponownie.',
+  'fabric.linking.cannot_find_link': 'Nie można znaleźć łącza',
+  'fabric.linking.click_to_join': 'Dołącz do {context}, aby wyświetlić to zgłoszenie',
+  'fabric.linking.connect_link_account': 'Połącz podgląd',
+  'fabric.linking.create_on': 'Utworzono {context}',
+  'fabric.linking.created_by': 'Autor: {context}',
+  'fabric.linking.delete': 'Usuń',
+  'fabric.linking.edit': 'Edytuj',
+  'fabric.linking.forbidden_access': 'Dostęp zabroniony',
+  'fabric.linking.invalid_permissions': 'Łącze z ograniczeniami. Spróbuj z innego konta.',
+  'fabric.linking.modified_on': 'Zaktualizowano {context}',
+  'fabric.linking.pending_request': 'Twój wniosek o dostęp oczekuje na rozpatrzenie',
+  'fabric.linking.priority_blocker': 'Bloker',
+  'fabric.linking.priority_critical': 'Krytyczny',
+  'fabric.linking.priority_high': 'Wysoki',
+  'fabric.linking.priority_highest': 'Najwyższy',
+  'fabric.linking.priority_low': 'Niski',
+  'fabric.linking.priority_lowest': 'Najniższy',
+  'fabric.linking.priority_major': 'Poważny',
+  'fabric.linking.priority_medium': 'Średni',
+  'fabric.linking.priority_minor': 'Drobny',
+  'fabric.linking.priority_trivial': 'Trywialny',
+  'fabric.linking.priority_undefined': 'Nie zdefiniowano',
+  'fabric.linking.request_access': 'Poproś o dostęp do {context}, aby wyświetlić to zgłoszenie',
+  'fabric.linking.request_denied': 'Twój wniosek o dostęp został odrzucony',
+  'fabric.linking.updated_by': 'Autor modyfikacji: {context}'
+};

package/dist/esm/i18n/pt_BR.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Portuguese (Brazil)
+export default {
+  'fabric.linking.cannot_connect': 'Não é possível conectar; tente de novo',
+  'fabric.linking.cannot_find_link': 'Não é possível encontrar o link',
+  'fabric.linking.click_to_join': 'Entre em {context} para ver esse item',
+  'fabric.linking.connect_link_account': 'Conectar para visualizar',
+  'fabric.linking.create_on': 'Criação: {context}',
+  'fabric.linking.created_by': 'Criado por {context}',
+  'fabric.linking.delete': 'Excluir',
+  'fabric.linking.edit': 'Editar',
+  'fabric.linking.forbidden_access': 'O acesso é proibido',
+  'fabric.linking.invalid_permissions': 'Link restrito; tente outra conta',
+  'fabric.linking.modified_on': 'Atualizado em {context}',
+  'fabric.linking.pending_request': 'A solicitação de acesso está pendente',
+  'fabric.linking.priority_blocker': 'Bloqueador',
+  'fabric.linking.priority_critical': 'Crítica',
+  'fabric.linking.priority_high': 'Alta',
+  'fabric.linking.priority_highest': 'Mais alta',
+  'fabric.linking.priority_low': 'Baixa',
+  'fabric.linking.priority_lowest': 'Mais baixa',
+  'fabric.linking.priority_major': 'Importante',
+  'fabric.linking.priority_medium': 'Média',
+  'fabric.linking.priority_minor': 'Leve',
+  'fabric.linking.priority_trivial': 'Trivial',
+  'fabric.linking.priority_undefined': 'Indefinida',
+  'fabric.linking.request_access': 'Solicite acesso a {context} para ver esse item',
+  'fabric.linking.request_denied': 'A solicitação de acesso foi negada',
+  'fabric.linking.updated_by': 'Modificado por {context}'
+};

package/dist/esm/i18n/pt_PT.js

@@ -0,0 +1,8 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Portuguese (Portugal)
+export default {};

package/dist/esm/i18n/ru.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Russian
+export default {
+  'fabric.linking.cannot_connect': 'Не удается подключиться, повторите попытку',
+  'fabric.linking.cannot_find_link': 'Не удается найти ссылку',
+  'fabric.linking.click_to_join': 'Для просмотра этой задачи выполните подключение к {context}',
+  'fabric.linking.connect_link_account': 'Подключить для просмотра',
+  'fabric.linking.create_on': 'Создано: {context}',
+  'fabric.linking.created_by': 'Создано: {context}',
+  'fabric.linking.delete': 'Удалить',
+  'fabric.linking.edit': 'Изменить',
+  'fabric.linking.forbidden_access': 'Доступ запрещен',
+  'fabric.linking.invalid_permissions': 'Доступ к ссылке ограничен, попробуйте войти в другой аккаунт',
+  'fabric.linking.modified_on': 'Обновлено: {context}',
+  'fabric.linking.pending_request': 'Ваш запрос на доступ ожидает рассмотрения',
+  'fabric.linking.priority_blocker': 'Блокер',
+  'fabric.linking.priority_critical': 'Критический',
+  'fabric.linking.priority_high': 'Высокий',
+  'fabric.linking.priority_highest': 'Самый высокий',
+  'fabric.linking.priority_low': 'Низкий',
+  'fabric.linking.priority_lowest': 'Самый низкий',
+  'fabric.linking.priority_major': 'Серьезный',
+  'fabric.linking.priority_medium': 'Средний',
+  'fabric.linking.priority_minor': 'Незначительный',
+  'fabric.linking.priority_trivial': 'Тривиальный',
+  'fabric.linking.priority_undefined': 'Не определен',
+  'fabric.linking.request_access': 'Для просмотра этой задачи запросите доступ к {context}',
+  'fabric.linking.request_denied': 'Ваш запрос на доступ отклонен',
+  'fabric.linking.updated_by': 'Изменено: {context}'
+};

package/dist/esm/i18n/sk.js

@@ -0,0 +1,8 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovak
+export default {};

package/dist/esm/i18n/sv.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Swedish
+export default {
+  'fabric.linking.cannot_connect': 'Det går inte att ansluta, försök igen',
+  'fabric.linking.cannot_find_link': 'Kan inte hitta länk',
+  'fabric.linking.click_to_join': 'Anslut till {context} för att visa ärendet',
+  'fabric.linking.connect_link_account': 'Anslut till förhandsgranskning',
+  'fabric.linking.create_on': 'Skapades {context}',
+  'fabric.linking.created_by': 'Skapades av {context}',
+  'fabric.linking.delete': 'Radera',
+  'fabric.linking.edit': 'Redigera',
+  'fabric.linking.forbidden_access': 'Din åtkomst är förbjuden',
+  'fabric.linking.invalid_permissions': 'Begränsad länk, prova ett annat konto',
+  'fabric.linking.modified_on': 'Uppdaterades {context}',
+  'fabric.linking.pending_request': 'Din åtkomstförfrågan väntar på svar',
+  'fabric.linking.priority_blocker': 'Blockerare',
+  'fabric.linking.priority_critical': 'Kritisk',
+  'fabric.linking.priority_high': 'Hög',
+  'fabric.linking.priority_highest': 'Högst',
+  'fabric.linking.priority_low': 'Låg',
+  'fabric.linking.priority_lowest': 'Lägst',
+  'fabric.linking.priority_major': 'Betydande',
+  'fabric.linking.priority_medium': 'Medium',
+  'fabric.linking.priority_minor': 'Smärre',
+  'fabric.linking.priority_trivial': 'Obetydlig',
+  'fabric.linking.priority_undefined': 'Ej definierad',
+  'fabric.linking.request_access': 'Be om åtkomst till {context} för att visa ärendet',
+  'fabric.linking.request_denied': 'Din åtkomstförfrågan har nekats',
+  'fabric.linking.updated_by': 'Ändrad av {context}'
+};

package/dist/esm/i18n/th.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Thai (Thailand)
+export default {
+  'fabric.linking.cannot_connect': 'ไม่สามารถเชื่อมต่อได้ โปรดลองอีกครั้ง',
+  'fabric.linking.cannot_find_link': 'ไม่พบลิงก์',
+  'fabric.linking.click_to_join': 'เข้าร่วม {context} เพื่อดูปัญหานี้',
+  'fabric.linking.connect_link_account': 'เชื่อมต่อเพื่อดูตัวอย่าง',
+  'fabric.linking.create_on': 'สร้าง {context} แล้ว',
+  'fabric.linking.created_by': 'สร้างโดย {context}',
+  'fabric.linking.delete': 'ลบ',
+  'fabric.linking.edit': 'แก้ไข',
+  'fabric.linking.forbidden_access': 'คุณไม่มีสิทธิ์เข้าถึง',
+  'fabric.linking.invalid_permissions': 'ลิงก์ถูกจำกัดการเข้าถึง โปรดลองใช้บัญชีอื่น',
+  'fabric.linking.modified_on': 'อัปเดต {context} แล้ว',
+  'fabric.linking.pending_request': 'คำขอการเข้าถึงของคุณกำลังรอดำเนินการ',
+  'fabric.linking.priority_blocker': 'ตัวบล็อก',
+  'fabric.linking.priority_critical': 'วิกฤต',
+  'fabric.linking.priority_high': 'สูง',
+  'fabric.linking.priority_highest': 'สูงที่สุด',
+  'fabric.linking.priority_low': 'ต่ำ',
+  'fabric.linking.priority_lowest': 'ต่ำที่สุด',
+  'fabric.linking.priority_major': 'มาก',
+  'fabric.linking.priority_medium': 'ปานกลาง',
+  'fabric.linking.priority_minor': 'น้อย',
+  'fabric.linking.priority_trivial': 'ไม่สำคัญ',
+  'fabric.linking.priority_undefined': 'ไม่ได้ระบุ',
+  'fabric.linking.request_access': 'ส่งคำขอการเข้าถึงที่ {context} เพื่อดูปัญหานี้',
+  'fabric.linking.request_denied': 'คำขอการเข้าถึงของคุณถูกปฏิเสธ',
+  'fabric.linking.updated_by': 'แก้ไขแล้วโดย {context}'
+};

package/dist/esm/i18n/tr.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Turkish (Turkey)
+export default {
+  'fabric.linking.cannot_connect': 'Bağlanılamıyor, tekrar deneyin',
+  'fabric.linking.cannot_find_link': 'Bağlantı bulunamıyor',
+  'fabric.linking.click_to_join': 'Bu konuyu görüntülemek için {context} ürününe katılın',
+  'fabric.linking.connect_link_account': 'Önizlemeye bağlanın',
+  'fabric.linking.create_on': '{context} oluşturuldu',
+  'fabric.linking.created_by': '{context} tarafından oluşturuldu',
+  'fabric.linking.delete': 'Sil',
+  'fabric.linking.edit': 'Düzenle',
+  'fabric.linking.forbidden_access': 'Erişiminiz yasak',
+  'fabric.linking.invalid_permissions': 'Sınırlı bağlantı, başka bir hesap deneyin',
+  'fabric.linking.modified_on': 'Son güncelleme: {context}',
+  'fabric.linking.pending_request': 'Erişim talebiniz beklemede',
+  'fabric.linking.priority_blocker': 'Engelleyici',
+  'fabric.linking.priority_critical': 'Çok Önemli',
+  'fabric.linking.priority_high': 'Yüksek',
+  'fabric.linking.priority_highest': 'En Yüksek',
+  'fabric.linking.priority_low': 'Düşük',
+  'fabric.linking.priority_lowest': 'En Düşük',
+  'fabric.linking.priority_major': 'Önemli',
+  'fabric.linking.priority_medium': 'Orta',
+  'fabric.linking.priority_minor': 'Küçük',
+  'fabric.linking.priority_trivial': 'Önemsiz',
+  'fabric.linking.priority_undefined': 'Tanımlanmamış',
+  'fabric.linking.request_access': 'Bu konuyu görüntülemek için {context} ürününe erişim talep edin',
+  'fabric.linking.request_denied': 'Erişim talebiniz reddedildi',
+  'fabric.linking.updated_by': '{context} tarafından değiştirildi'
+};

package/dist/esm/i18n/uk.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Ukrainian (Ukraine)
+export default {
+  'fabric.linking.cannot_connect': 'Не вдається підключитися, спробуйте ще раз',
+  'fabric.linking.cannot_find_link': 'Не вдається знайти посилання',
+  'fabric.linking.click_to_join': 'Можна приєднатися до {context}, щоб переглянути цю проблему',
+  'fabric.linking.connect_link_account': 'Для перегляду потрібно підключитись',
+  'fabric.linking.create_on': 'Створено {context}',
+  'fabric.linking.created_by': 'Автор: {context}',
+  'fabric.linking.delete': 'Видалити',
+  'fabric.linking.edit': 'Редагувати',
+  'fabric.linking.forbidden_access': 'У вас немає доступу',
+  'fabric.linking.invalid_permissions': 'Посилання з обмеженим доступом; спробуйте інший обліковий запис',
+  'fabric.linking.modified_on': 'Оновлено {context}',
+  'fabric.linking.pending_request': 'Запит на надання доступу в очікуванні',
+  'fabric.linking.priority_blocker': 'Блокувальний',
+  'fabric.linking.priority_critical': 'Критичний',
+  'fabric.linking.priority_high': 'Високий',
+  'fabric.linking.priority_highest': 'Найвищий',
+  'fabric.linking.priority_low': 'Низький',
+  'fabric.linking.priority_lowest': 'Найнижчий',
+  'fabric.linking.priority_major': 'Серйозний',
+  'fabric.linking.priority_medium': 'Середній',
+  'fabric.linking.priority_minor': 'Низький',
+  'fabric.linking.priority_trivial': 'Звичайний',
+  'fabric.linking.priority_undefined': 'Не визначено',
+  'fabric.linking.request_access': 'Надішліть запит на доступ до {context}, щоб переглянути завдання',
+  'fabric.linking.request_denied': 'Ваш запит на надання доступу відхилено',
+  'fabric.linking.updated_by': 'Автор зміни: {context}'
+};

package/dist/esm/i18n/vi.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Vietnamese (Vietnam)
+export default {
+  'fabric.linking.cannot_connect': 'Không thể kết nối, hãy thử lại',
+  'fabric.linking.cannot_find_link': 'Không tìm được liên kết',
+  'fabric.linking.click_to_join': 'Tham gia {context} để xem vấn đề này',
+  'fabric.linking.connect_link_account': 'Kết nối để xem trước',
+  'fabric.linking.create_on': 'Đã tạo {context}',
+  'fabric.linking.created_by': 'Được tạo bởi {context}',
+  'fabric.linking.delete': 'Xóa',
+  'fabric.linking.edit': 'Chỉnh sửa',
+  'fabric.linking.forbidden_access': 'Quyền truy cập của bạn bị cấm',
+  'fabric.linking.invalid_permissions': 'Liên kết bị hạn chế, thử một tài khoản khác',
+  'fabric.linking.modified_on': 'Đã cập nhật {context}',
+  'fabric.linking.pending_request': 'Đang chờ xử lý yêu cầu quyền truy cập của bạn',
+  'fabric.linking.priority_blocker': 'Trở ngại',
+  'fabric.linking.priority_critical': 'Rất cao',
+  'fabric.linking.priority_high': 'Cao',
+  'fabric.linking.priority_highest': 'Cao nhất',
+  'fabric.linking.priority_low': 'Thấp',
+  'fabric.linking.priority_lowest': 'Thấp nhất',
+  'fabric.linking.priority_major': 'Lớn',
+  'fabric.linking.priority_medium': 'Trung bình',
+  'fabric.linking.priority_minor': 'Nhỏ',
+  'fabric.linking.priority_trivial': 'Không đáng kể',
+  'fabric.linking.priority_undefined': 'Chưa xác định',
+  'fabric.linking.request_access': 'Yêu cầu quyền truy cập vào {context} để xem vấn đề này',
+  'fabric.linking.request_denied': 'Yêu cầu quyền truy cập của bạn đã bị từ chối',
+  'fabric.linking.updated_by': 'Được sửa đổi bởi {context}'
+};

package/dist/esm/i18n/zh.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Chinese (Simplified)
+export default {
+  'fabric.linking.cannot_connect': '无法连接，请重试',
+  'fabric.linking.cannot_find_link': '未找到链接',
+  'fabric.linking.click_to_join': '加入{context}以查看此事务',
+  'fabric.linking.connect_link_account': '连接以预览',
+  'fabric.linking.create_on': '{context}已创建',
+  'fabric.linking.created_by': '创建者：{context}',
+  'fabric.linking.delete': '删除',
+  'fabric.linking.edit': '编辑',
+  'fabric.linking.forbidden_access': '您的访问已被禁止',
+  'fabric.linking.invalid_permissions': '受限链接，请尝试其他帐户',
+  'fabric.linking.modified_on': '{context}已更新',
+  'fabric.linking.pending_request': '您的访问请求正等待处理',
+  'fabric.linking.priority_blocker': '阻止程序',
+  'fabric.linking.priority_critical': '紧急',
+  'fabric.linking.priority_high': '高',
+  'fabric.linking.priority_highest': '最高',
+  'fabric.linking.priority_low': '低',
+  'fabric.linking.priority_lowest': '最低',
+  'fabric.linking.priority_major': '重要',
+  'fabric.linking.priority_medium': '中等',
+  'fabric.linking.priority_minor': '次要',
+  'fabric.linking.priority_trivial': '微小',
+  'fabric.linking.priority_undefined': '未定义',
+  'fabric.linking.request_access': '请求访问{context}以查看此事务',
+  'fabric.linking.request_denied': '您的访问请求已被拒绝',
+  'fabric.linking.updated_by': '修改者：{context}'
+};

package/dist/esm/i18n/zh_TW.js

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Chinese (Traditional)
+export default {
+  'fabric.linking.cannot_connect': '無法連結，請再試一次',
+  'fabric.linking.cannot_find_link': '找不到連結',
+  'fabric.linking.click_to_join': '加入 {context} 以查看此議題',
+  'fabric.linking.connect_link_account': '連線以預覽',
+  'fabric.linking.create_on': '建立時間：{context}',
+  'fabric.linking.created_by': '建立者：{context}',
+  'fabric.linking.delete': '刪除',
+  'fabric.linking.edit': '編輯',
+  'fabric.linking.forbidden_access': '您的存取遭拒',
+  'fabric.linking.invalid_permissions': '連結受到限制，請嘗試其他帳戶',
+  'fabric.linking.modified_on': '更新時間：{context}',
+  'fabric.linking.pending_request': '您的存取要求擱置中',
+  'fabric.linking.priority_blocker': '封鎖程式',
+  'fabric.linking.priority_critical': '重要',
+  'fabric.linking.priority_high': '高',
+  'fabric.linking.priority_highest': '最高',
+  'fabric.linking.priority_low': '低',
+  'fabric.linking.priority_lowest': '最低',
+  'fabric.linking.priority_major': '主要',
+  'fabric.linking.priority_medium': '中',
+  'fabric.linking.priority_minor': '次要',
+  'fabric.linking.priority_trivial': '不太重要',
+  'fabric.linking.priority_undefined': '未定義',
+  'fabric.linking.request_access': '要求存取 {context} 以檢視此議題',
+  'fabric.linking.request_denied': '您的存取要求遭拒',
+  'fabric.linking.updated_by': '修改者：{context}'
+};

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "18.0.17",
+	"version": "18.0.18",
 	"sideEffects": false
 }

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -5,28 +5,10 @@ var _excluded = ["actionGroup", "testId", "title"];
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/core';
-import Spinner from '@atlaskit/spinner';
 import Block from '../../block';
 import { SmartLinkSize } from '../../../../../../constants';
-
-var getSpinnerSize = function getSpinnerSize(size) {
-  // Spinner sizes should be equivalent or smaller than Icon size
-  // to avoid the jumping.
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return 28;
-
-    case SmartLinkSize.Large:
-      return 24;
-
-    case SmartLinkSize.Medium:
-      return 16;
-
-    case SmartLinkSize.Small:
-    default:
-      return 12;
-  }
-};
+import LoadingSkeleton from '../../../common/loading-skeleton';
+import { getIconSizeStyles, getIconWidth } from '../../../utils';
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.
@@ -34,7 +16,6 @@ var getSpinnerSize = function getSpinnerSize(size) {
  * @see TitleBlock
  */
 
-
 var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
       testId = _ref.testId,
@@ -43,12 +24,16 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
 
   var _blockProps$size = blockProps.size,
       size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
+  var iconWidth = getIconWidth(size);
+  var iconStyles = getIconSizeStyles(iconWidth);
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), jsx(Spinner, {
-    size: getSpinnerSize(size),
-    testId: "".concat(testId, "-resolving-spinner")
-  }), title, actionGroup);
+  }), jsx("span", {
+    css: iconStyles,
+    "data-testid": "".concat(testId, "-icon")
+  }, jsx(LoadingSkeleton, {
+    testId: "".concat(testId, "-icon-loading")
+  })), title, actionGroup);
 };
 
 export default TitleBlockResolvingView;

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -1,14 +1,8 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import React from 'react';
-import { css, jsx, keyframes } from '@emotion/core';
+import { jsx } from '@emotion/core';
 import ImageLoader from 'react-render-image';
-import { token } from '@atlaskit/tokens';
-var placeholderShimmer = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% { background-position: -20px 0; }\n  100% { background-position: 20px 0; }\n"])));
-var shimmer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-radius: 2px;\n  user-select: none;\n  background: ", ";\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4236\n  background-image: linear-gradient(\n    to right,\n    ", " 0%,\n    ", " 20%,\n    ", " 40%,\n    ", "100%\n  );\n  background-repeat: no-repeat;\n  background-size: 280% 100%;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton', '#edeef1'), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton.subtle', '#f6f7f8'), placeholderShimmer);
+import LoadingSkeleton from '../loading-skeleton';
 
 var ImageIcon = function ImageIcon(_ref) {
   var defaultIcon = _ref.defaultIcon,
@@ -16,9 +10,8 @@ var ImageIcon = function ImageIcon(_ref) {
       url = _ref.url;
   return jsx(ImageLoader, {
     src: url,
-    loading: jsx("span", {
-      css: shimmer,
-      "data-testid": "".concat(testId, "-loading")
+    loading: jsx(LoadingSkeleton, {
+      testId: "".concat(testId, "-loading")
     }),
     loaded: jsx("img", {
       src: url,

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -0,0 +1,20 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+/** @jsx jsx */
+import React from 'react';
+import { css, jsx, keyframes } from '@emotion/core';
+import { token } from '@atlaskit/tokens';
+var animationNameStyles = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% { background-position: -20px 0; }\n  100% { background-position: 20px 0; }\n"])));
+var styles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-radius: 2px;\n  user-select: none;\n  background: ", ";\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4236\n  background-image: linear-gradient(\n    to right,\n    ", " 0%,\n    ", " 20%,\n    ", " 40%,\n    ", "100%\n  );\n  background-repeat: no-repeat;\n  background-size: 280% 100%;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton', '#edeef1'), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton.subtle', '#f6f7f8'), animationNameStyles);
+
+var LoadingSkeleton = function LoadingSkeleton(_ref) {
+  var testId = _ref.testId;
+  return jsx("span", {
+    css: styles,
+    "data-testid": testId
+  });
+};
+
+export default LoadingSkeleton;

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/elements/icon/index.js

@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/core';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import AtlaskitIcon from '../../common/atlaskit-icon';
 import ImageIcon from '../../common/image-icon';
-import { getIconSizeStyles, getTruncateStyles } from '../../utils';
+import { getIconSizeStyles, getIconWidth, getTruncateStyles } from '../../utils';
 
 var getPositionStyles = function getPositionStyles(size, position) {
   switch (position) {
@@ -22,23 +22,6 @@ var getPositionStyles = function getPositionStyles(size, position) {
   }
 };
 
-var getWidth = function getWidth(size) {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return '2rem';
-
-    case SmartLinkSize.Large:
-      return '1.5rem';
-
-    case SmartLinkSize.Medium:
-      return '1rem';
-
-    case SmartLinkSize.Small:
-    default:
-      return '.75rem';
-  }
-};
-
 var getIconStyles = function getIconStyles(size, position, width) {
   return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), getPositionStyles(size, position), getIconSizeStyles(width));
 };
@@ -98,7 +81,7 @@ var Icon = function Icon(_ref) {
     var defaultIcon = renderDefaultIcon(label, testId);
     return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, icon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
   }, [icon, label, render, testId, url]);
-  var width = getWidth(size);
+  var width = getIconWidth(size);
   var styles = getIconStyles(size, position, width);
   var renderStyles = render ? getCustomRenderStyles(width) : undefined;
   return jsx("div", {

package/dist/esm/view/FlexibleCard/components/utils.js

@@ -25,6 +25,22 @@ export var getIconSizeStyles = function getIconSizeStyles(width) {
   var sizeStyles = getIconDimensionStyles(width);
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 0 0 auto;\n    ", "\n    span,\n    svg,\n    img {\n      ", "\n    }\n    svg {\n      padding: 0;\n    }\n  "])), sizeStyles, sizeStyles);
 };
+export var getIconWidth = function getIconWidth(size) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return '2rem';
+
+    case SmartLinkSize.Large:
+      return '1.5rem';
+
+    case SmartLinkSize.Medium:
+      return '1rem';
+
+    case SmartLinkSize.Small:
+    default:
+      return '.75rem';
+  }
+};
 export var getLinkLineHeight = function getLinkLineHeight(size) {
   switch (size) {
     case SmartLinkSize.XLarge:

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

@@ -0,0 +1,35 @@
+declare const _default: {
+    'fabric.linking.cannot_connect': string;
+    'fabric.linking.cannot_find_link': string;
+    'fabric.linking.click_to_join': string;
+    'fabric.linking.connect_link_account': string;
+    'fabric.linking.create_on': string;
+    'fabric.linking.created_by': string;
+    'fabric.linking.delete': string;
+    'fabric.linking.edit': string;
+    'fabric.linking.forbidden_access': string;
+    'fabric.linking.invalid_permissions': string;
+    'fabric.linking.modified_on': string;
+    'fabric.linking.pending_request': string;
+    'fabric.linking.priority_blocker': string;
+    'fabric.linking.priority_critical': string;
+    'fabric.linking.priority_high': string;
+    'fabric.linking.priority_highest': string;
+    'fabric.linking.priority_low': string;
+    'fabric.linking.priority_lowest': string;
+    'fabric.linking.priority_major': string;
+    'fabric.linking.priority_medium': string;
+    'fabric.linking.priority_minor': string;
+    'fabric.linking.priority_trivial': string;
+    'fabric.linking.priority_undefined': string;
+    'fabric.linking.request_access': string;
+    'fabric.linking.request_denied': string;
+    'fabric.linking.updated_by': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

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

@@ -0,0 +1,35 @@
+declare const _default: {
+    'fabric.linking.cannot_connect': string;
+    'fabric.linking.cannot_find_link': string;
+    'fabric.linking.click_to_join': string;
+    'fabric.linking.connect_link_account': string;
+    'fabric.linking.create_on': string;
+    'fabric.linking.created_by': string;
+    'fabric.linking.delete': string;
+    'fabric.linking.edit': string;
+    'fabric.linking.forbidden_access': string;
+    'fabric.linking.invalid_permissions': string;
+    'fabric.linking.modified_on': string;
+    'fabric.linking.pending_request': string;
+    'fabric.linking.priority_blocker': string;
+    'fabric.linking.priority_critical': string;
+    'fabric.linking.priority_high': string;
+    'fabric.linking.priority_highest': string;
+    'fabric.linking.priority_low': string;
+    'fabric.linking.priority_lowest': string;
+    'fabric.linking.priority_major': string;
+    'fabric.linking.priority_medium': string;
+    'fabric.linking.priority_minor': string;
+    'fabric.linking.priority_trivial': string;
+    'fabric.linking.priority_undefined': string;
+    'fabric.linking.request_access': string;
+    'fabric.linking.request_denied': string;
+    'fabric.linking.updated_by': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;