@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/esm/utils/mocks.js

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import { CardClient } from '@atlaskit/link-provider';
 export var mockContext = {
   '@vocab': 'https://www.w3.org/ns/activitystreams#',
@@ -210,15 +207,11 @@ export var fakeResponse = function fakeResponse() {
 export var fakeFactory = function fakeFactory(implementation, implementationPost, implementationPrefetch) {
   return /*#__PURE__*/function (_CardClient) {
     _inherits(CustomClient, _CardClient);
-
     var _super = _createSuper(CustomClient);
-
     function CustomClient() {
       _classCallCheck(this, CustomClient);
-
       return _super.apply(this, arguments);
     }
-
     _createClass(CustomClient, [{
       key: "fetchData",
       value: function () {
@@ -229,10 +222,8 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
                 case 0:
                   _context.next = 2;
                   return implementation(url);
-
                 case 2:
                   return _context.abrupt("return", _context.sent);
-
                 case 3:
                 case "end":
                   return _context.stop();
@@ -240,11 +231,9 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
             }
           }, _callee);
         }));
-
         function fetchData(_x) {
           return _fetchData.apply(this, arguments);
         }
-
         return fetchData;
       }()
     }, {
@@ -257,10 +246,8 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
                 case 0:
                   _context2.next = 2;
                   return implementationPost();
-
                 case 2:
                   return _context2.abrupt("return", _context2.sent);
-
                 case 3:
                 case "end":
                   return _context2.stop();
@@ -268,11 +255,9 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
             }
           }, _callee2);
         }));
-
         function postData() {
           return _postData.apply(this, arguments);
         }
-
         return postData;
       }()
     }, {
@@ -285,10 +270,8 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
                 case 0:
                   _context3.next = 2;
                   return implementationPrefetch();
-
                 case 2:
                   return _context3.abrupt("return", _context3.sent);
-
                 case 3:
                 case "end":
                   return _context3.stop();
@@ -296,15 +279,12 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
             }
           }, _callee3);
         }));
-
         function prefetchData() {
           return _prefetchData.apply(this, arguments);
         }
-
         return prefetchData;
       }()
     }]);
-
     return CustomClient;
   }(CardClient);
 };

package/dist/esm/utils/performance.js

@@ -3,7 +3,6 @@ var isPerformanceAPIAvailable = function isPerformanceAPIAvailable() {
     return !!performance[api];
   });
 };
-
 var hasPerformanceAPIAvailable = isPerformanceAPIAvailable();
 export var getMarkName = function getMarkName(id, status) {
   return "".concat(status, ":").concat(id);
@@ -31,29 +30,23 @@ export var clearMeasures = function clearMeasures(id) {
     });
   }
 };
-
 var getMark = function getMark(id, status) {
   if (hasPerformanceAPIAvailable) {
     var name = getMarkName(id, status);
     var marks = performance.getEntriesByName(name);
-
     if (marks.length > 0) {
       return marks[0];
     }
-
     return undefined;
   }
 };
-
 export var getMeasure = function getMeasure(id, status) {
   if (hasPerformanceAPIAvailable) {
     var name = getMeasureName(id, status);
     var measures = performance.getEntriesByName(name);
-
     if (measures.length > 0) {
       return measures[0];
     }
-
     return undefined;
   }
 };
@@ -67,11 +60,9 @@ export var create = function create(id, status) {
   if (hasPerformanceAPIAvailable) {
     var name = getMeasureName(id, status);
     var measure = getMeasure(id, status);
-
     if (!measure) {
       var startMark = getMark(id, 'pending');
       var endMark = getMark(id, status);
-
       if (startMark && endMark) {
         performance.measure(name, startMark.name, endMark.name);
       }

package/dist/esm/utils/test-utils.js

@@ -2,12 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CardClient } from '@atlaskit/link-provider';
 import { SmartCardProvider } from '../state';
-
 var Hook = function Hook(props) {
   props.callback();
   return null;
 };
-
 export var renderHook = function renderHook(callback) {
   return /*#__PURE__*/React.createElement(Hook, {
     callback: callback

package/dist/esm/version.json

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

package/dist/esm/view/BlockCard/actions/DownloadAction.js

@@ -7,7 +7,6 @@ import { messages } from '../../../messages';
 export function downloadFunction(_x) {
   return _downloadFunction.apply(this, arguments);
 }
-
 function _downloadFunction() {
   _downloadFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var url;
@@ -16,17 +15,13 @@ function _downloadFunction() {
         switch (_context.prev = _context.next) {
           case 0:
             url = _ref.url;
-
             if (url) {
               _context.next = 3;
               break;
             }
-
             return _context.abrupt("return");
-
           case 3:
             downloadUrl(url);
-
           case 4:
           case "end":
             return _context.stop();
@@ -36,7 +31,6 @@ function _downloadFunction() {
   }));
   return _downloadFunction.apply(this, arguments);
 }
-
 export var DownloadAction = function DownloadAction(_ref2) {
   var url = _ref2.url;
   return {

package/dist/esm/view/BlockCard/actions/PreviewAction.js

@@ -3,18 +3,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["popupMountPointId", "onClose"],
-    _excluded2 = ["details"];
+  _excluded2 = ["details"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { FormattedMessage, IntlProvider } from 'react-intl-next';
 import { messages } from '../../../messages';
-
 /*
   Explanatory note:
   Actions don't have access to the react tree of whatever is rendered them
@@ -31,32 +27,28 @@ import { messages } from '../../../messages';
 export function previewFunction(_x) {
   return _previewFunction.apply(this, arguments);
 }
+
 /*
 Most of these are optional as we are being fault-tolerant
 However src, details, icon, title, and providerName are STRONGLY encouraged
 */
-
 function _previewFunction() {
   _previewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var popupMountPointId, _onClose, rest, popupMountPoint, Modal;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             popupMountPointId = _ref.popupMountPointId, _onClose = _ref.onClose, rest = _objectWithoutProperties(_ref, _excluded);
             popupMountPoint = document.getElementById(popupMountPointId);
-
             if (!popupMountPoint) {
               popupMountPoint = document.createElement('div');
               popupMountPoint.id = popupMountPointId;
               popupMountPoint.setAttribute('data-testid', 'preview-modal');
               document.body.appendChild(popupMountPoint);
             }
-
             _context.next = 5;
             return import('../../EmbedModal');
-
           case 5:
             Modal = _context.sent;
             ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
@@ -65,12 +57,10 @@ function _previewFunction() {
               onClose: function onClose(context) {
                 if (popupMountPoint) {
                   _onClose(context);
-
                   ReactDOM.unmountComponentAtNode(popupMountPoint);
                 }
               }
             }))), popupMountPoint);
-
           case 7:
           case "end":
             return _context.stop();
@@ -80,11 +70,9 @@ function _previewFunction() {
   }));
   return _previewFunction.apply(this, arguments);
 }
-
 export default (function (_ref2) {
   var details = _ref2.details,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
+    rest = _objectWithoutProperties(_ref2, _excluded2);
   return {
     id: 'preview-content',
     text: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview),

package/dist/esm/view/BlockCard/actions/RetryAction.js

@@ -13,7 +13,6 @@ export var RetryAction = function RetryAction(handler) {
             switch (_context.prev = _context.next) {
               case 0:
                 return _context.abrupt("return", handler());
-
               case 1:
               case "end":
                 return _context.stop();
@@ -21,11 +20,9 @@ export var RetryAction = function RetryAction(handler) {
           }
         }, _callee);
       }));
-
       function promise() {
         return _promise.apply(this, arguments);
       }
-
       return promise;
     }(),
     text: /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again)

package/dist/esm/view/BlockCard/actions/ViewAction.js

@@ -6,7 +6,6 @@ import { messages } from '../../../messages';
 export function viewFunction(_x) {
   return _viewFunction.apply(this, arguments);
 }
-
 function _viewFunction() {
   _viewFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var url;
@@ -15,17 +14,13 @@ function _viewFunction() {
         switch (_context.prev = _context.next) {
           case 0:
             url = _ref.url;
-
             if (url) {
               _context.next = 3;
               break;
             }
-
             return _context.abrupt("return");
-
           case 3:
             window.open(url, '_blank', 'noopener=yes');
-
           case 4:
           case "end":
             return _context.stop();
@@ -35,7 +30,6 @@ function _viewFunction() {
   }));
   return _viewFunction.apply(this, arguments);
 }
-
 export var ViewAction = function ViewAction(_ref2) {
   var url = _ref2.url;
   return {

package/dist/esm/view/BlockCard/actions/flexible/AuthorizeAction.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
+
 /**
  * Returns a CustomActionItem with a "Connect to <providerName>" message
  *
@@ -10,7 +11,6 @@ import { messages } from '../../../../messages';
  * @param onAuthorize a function that will be called on the click of the button
  * @param providerName a string which is inserted into the message of the button
  */
-
 export var AuthorizeAction = function AuthorizeAction(onAuthorize, providerName) {
   return {
     name: ActionName.CustomAction,

package/dist/esm/view/BlockCard/actions/flexible/ForbiddenAction.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
+
 /**
  * Returns a CustomActionItem with a "Try Another Account" default message
  *
@@ -11,7 +12,6 @@ import { messages } from '../../../../messages';
  * @param content is a message key for a message to be displayed in the action
  * @param context is a variable for a message in case a message contains a placeholder
  */
-
 export var ForbiddenAction = function ForbiddenAction(onClick, content, context) {
   return {
     name: ActionName.CustomAction,

package/dist/esm/view/BlockCard/actions/flexible/RetryAction.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../constants';
 import { messages } from '../../../../messages';
+
 /**
  * Returns a CustomActionItem with a "Retry" default message
  *
  * @see CustomActionItem
  * @param onRetry a function that will be called on the click of the "Retry" button
  */
-
 export var RetryAction = function RetryAction(onRetry) {
   return {
     name: ActionName.CustomAction,

package/dist/esm/view/BlockCard/components/Action.js

@@ -1,5 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useState } from 'react';
@@ -8,16 +7,14 @@ import { ActionIcon } from './ActionIcon';
 export var spinnerDelay = 1000;
 export var Action = function Action(_ref) {
   var promise = _ref.promise,
-      text = _ref.text,
-      _ref$buttonAppearance = _ref.buttonAppearance,
-      buttonAppearance = _ref$buttonAppearance === void 0 ? 'default' : _ref$buttonAppearance,
-      id = _ref.id;
-
+    text = _ref.text,
+    _ref$buttonAppearance = _ref.buttonAppearance,
+    buttonAppearance = _ref$buttonAppearance === void 0 ? 'default' : _ref$buttonAppearance,
+    id = _ref.id;
   var _useState = useState('init'),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   return jsx(Button, {
     spacing: "compact",
     appearance: buttonAppearance,
@@ -26,7 +23,6 @@ export var Action = function Action(_ref) {
     onClick: function onClick(event) {
       event.stopPropagation();
       event.preventDefault();
-
       if (state !== 'loading') {
         setState('loading');
         promise().then(function () {

package/dist/esm/view/BlockCard/components/ActionIcon.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import CheckIcon from '@atlaskit/icon/glyph/check';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
-
 /*
   These styles are taken fro the spinner style for button. There was not an
   easy way to share tehm between the two components.
@@ -15,12 +14,10 @@ export var spinnerStyles = {
 };
 export var ActionIcon = function ActionIcon(_ref) {
   var state = _ref.state;
-
   switch (state) {
     case 'init':
     case 'loading':
       return null;
-
     case 'success':
       return /*#__PURE__*/React.createElement("div", {
         "data-testid": "check-icon",
@@ -29,7 +26,6 @@ export var ActionIcon = function ActionIcon(_ref) {
         size: "small",
         label: "check"
       }));
-
     case 'failure':
       return /*#__PURE__*/React.createElement("div", {
         "data-testid": "cross-icon",

package/dist/esm/view/BlockCard/components/ActionList.js

@@ -1,7 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["triggerRef"];
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import ButtonGroup from '@atlaskit/button/button-group';
@@ -30,8 +29,7 @@ export var ActionList = function ActionList(_ref) {
   }, jsx(DropdownMenu, {
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
-          props = _objectWithoutProperties(_ref2, _excluded);
-
+        props = _objectWithoutProperties(_ref2, _excluded);
       return jsx(Button, _extends({}, props, {
         iconBefore: jsx(MoreIcon, {
           label: "more"

package/dist/esm/view/BlockCard/components/CollaboratorList.js

@@ -4,17 +4,15 @@ import AvatarGroup from '@atlaskit/avatar-group';
 import { mq } from '../../common/utils';
 export var CollaboratorList = function CollaboratorList(_ref) {
   var items = _ref.items,
-      _ref$handleAvatarClic = _ref.handleAvatarClick,
-      handleAvatarClick = _ref$handleAvatarClic === void 0 ? function () {} : _ref$handleAvatarClic,
-      _ref$handleMoreAvatar = _ref.handleMoreAvatarsClick,
-      handleMoreAvatarsClick = _ref$handleMoreAvatar === void 0 ? function () {} : _ref$handleMoreAvatar,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'collaborator-list' : _ref$testId;
-
+    _ref$handleAvatarClic = _ref.handleAvatarClick,
+    handleAvatarClick = _ref$handleAvatarClic === void 0 ? function () {} : _ref$handleAvatarClic,
+    _ref$handleMoreAvatar = _ref.handleMoreAvatarsClick,
+    handleMoreAvatarsClick = _ref$handleMoreAvatar === void 0 ? function () {} : _ref$handleMoreAvatar,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'collaborator-list' : _ref$testId;
   if (items.length === 0) {
     return null;
   }
-
   return jsx("span", {
     css: mq({
       display: ['none', 'inherit']

package/dist/esm/view/BlockCard/components/Content.js

@@ -4,8 +4,8 @@ import { gs, mq } from '../../common/utils';
 export var blockCardContentClassName = 'block-card-content';
 export var Content = function Content(_ref) {
   var children = _ref.children,
-      _ref$isCompact = _ref.isCompact,
-      isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
+    _ref$isCompact = _ref.isCompact,
+    isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
   return jsx("div", {
     css: mq({
       padding: isCompact ? gs(1) : gs(2),

package/dist/esm/view/BlockCard/components/ContentFooter.js

@@ -4,8 +4,8 @@ import { gs, mq } from '../../common/utils';
 export var contentFooterClassName = 'smart-link-content-footer';
 export var ContentFooter = function ContentFooter(_ref) {
   var children = _ref.children,
-      _ref$hasSpaceBetween = _ref.hasSpaceBetween,
-      hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
+    _ref$hasSpaceBetween = _ref.hasSpaceBetween,
+    hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
   return jsx("div", {
     css: mq({
       display: 'flex',

package/dist/esm/view/BlockCard/components/ContentHeader.js

@@ -3,8 +3,8 @@ import { jsx } from '@emotion/react';
 export var blockCardContentHeaderClassName = 'block-card-content-header';
 export var ContentHeader = function ContentHeader(_ref) {
   var onClick = _ref.onClick,
-      link = _ref.link,
-      children = _ref.children;
+    link = _ref.link,
+    children = _ref.children;
   return jsx("a", {
     onClick: onClick,
     href: link,

package/dist/esm/view/BlockCard/components/Frame.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import React from 'react';
@@ -25,11 +22,11 @@ var sharedFrameStyles = {
 };
 export var ExpandedFrame = function ExpandedFrame(_ref) {
   var children = _ref.children,
-      isSelected = _ref.isSelected,
-      isHoverable = _ref.isHoverable,
-      testId = _ref.testId,
-      className = _ref.className,
-      isFluidHeight = _ref.isFluidHeight;
+    isSelected = _ref.isSelected,
+    isHoverable = _ref.isHoverable,
+    testId = _ref.testId,
+    className = _ref.className,
+    isFluidHeight = _ref.isFluidHeight;
   return jsx("div", {
     css: mq(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
@@ -51,11 +48,11 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
 };
 export var CompactFrame = function CompactFrame(_ref2) {
   var children = _ref2.children,
-      isHoverable = _ref2.isHoverable,
-      isSelected = _ref2.isSelected,
-      testId = _ref2.testId,
-      className = _ref2.className,
-      inheritDimensions = _ref2.inheritDimensions;
+    isHoverable = _ref2.isHoverable,
+    isSelected = _ref2.isSelected,
+    testId = _ref2.testId,
+    className = _ref2.className,
+    inheritDimensions = _ref2.inheritDimensions;
   return jsx("div", {
     css: mq(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {

package/dist/esm/view/BlockCard/components/Link.js

@@ -3,9 +3,9 @@ import { jsx } from '@emotion/react';
 import { B400 } from '@atlaskit/theme/colors';
 export var Link = function Link(_ref) {
   var url = _ref.url,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'block-card' : _ref$testId,
-      className = _ref.className;
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'block-card' : _ref$testId,
+    className = _ref.className;
   return jsx("span", {
     "data-testid": "".concat(testId, "-link"),
     className: className,

package/dist/esm/view/BlockCard/components/Name.js

@@ -5,10 +5,10 @@ import { gs } from '../../common/utils';
 export var blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 export var Name = function Name(_ref) {
   var name = _ref.name,
-      _ref$isLeftPadded = _ref.isLeftPadded,
-      isLeftPadded = _ref$isLeftPadded === void 0 ? true : _ref$isLeftPadded,
-      testId = _ref.testId,
-      textColor = _ref.textColor;
+    _ref$isLeftPadded = _ref.isLeftPadded,
+    isLeftPadded = _ref$isLeftPadded === void 0 ? true : _ref$isLeftPadded,
+    testId = _ref.testId,
+    textColor = _ref.textColor;
   return jsx("span", {
     css: {
       fontSize: "".concat(fontSize(), "px"),

package/dist/esm/view/BlockCard/components/Provider.js

@@ -4,9 +4,8 @@ import { N300 } from '@atlaskit/theme/colors';
 import { gs } from '../../common/utils';
 export var Provider = function Provider(_ref) {
   var name = _ref.name,
-      icon = _ref.icon;
+    icon = _ref.icon;
   var iconToRender = icon || null;
-
   if (typeof icon === 'string') {
     iconToRender = jsx("img", {
       className: "smart-link-icon",
@@ -17,7 +16,6 @@ export var Provider = function Provider(_ref) {
       src: icon
     });
   }
-
   return jsx("div", {
     css: {
       display: 'flex',

package/dist/esm/view/BlockCard/components/Thumbnail.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { gs, mq } from '../../common/utils';
@@ -18,7 +15,7 @@ var sharedStyles = {
 };
 export var ThumbnailDefault = function ThumbnailDefault(_ref) {
   var src = _ref.src,
-      testId = _ref.testId;
+    testId = _ref.testId;
   return jsx("div", {
     css: mq(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundSize: 'cover',
@@ -32,8 +29,8 @@ export var ThumbnailDefault = function ThumbnailDefault(_ref) {
 };
 export var ThumbnailWithBackground = function ThumbnailWithBackground(_ref2) {
   var src = _ref2.src,
-      color = _ref2.color,
-      testId = _ref2.testId;
+    color = _ref2.color,
+    testId = _ref2.testId;
   return jsx("div", {
     css: mq(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundColor: color,