@atlaskit/smart-card 17.3.2 → 17.4.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 17.4.0
+
+### Minor Changes
+
+- [`392b7d2b98f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/392b7d2b98f) - Add Provider element
+
 ## 17.3.2
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -99,6 +99,7 @@ exports.ElementName = ElementName;
   ElementName["State"] = "State";
   ElementName["SubscriberCount"] = "SubscriberCount";
   ElementName["Title"] = "Title";
+  ElementName["Provider"] = "Provider";
 })(ElementName || (exports.ElementName = ElementName = {}));
 
 var ActionName;

package/dist/cjs/extractors/flexible/icon/extract-document-type-icon.js

@@ -10,25 +10,46 @@ var _constants = require("../../../constants");
 var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label) {
   switch (documentType) {
     case 'schema:BlogPosting':
-      return [_constants.IconType.Blog, label || 'Blog'];
+      return {
+        icon: _constants.IconType.Blog,
+        label: label || 'Blog'
+      };
 
     case 'schema:DigitalDocument':
-      return [_constants.IconType.File, label || 'File'];
+      return {
+        icon: _constants.IconType.File,
+        label: label || 'File'
+      };
 
     case 'schema:TextDigitalDocument':
-      return [_constants.IconType.Document, label || 'Document'];
+      return {
+        icon: _constants.IconType.Document,
+        label: label || 'Document'
+      };
 
     case 'schema:PresentationDigitalDocument':
-      return [_constants.IconType.Presentation, label || 'Presentation'];
+      return {
+        icon: _constants.IconType.Presentation,
+        label: label || 'Presentation'
+      };
 
     case 'schema:SpreadsheetDigitalDocument':
-      return [_constants.IconType.Spreadsheet, label || 'Spreadsheet'];
+      return {
+        icon: _constants.IconType.Spreadsheet,
+        label: label || 'Spreadsheet'
+      };
 
     case 'atlassian:Template':
-      return [_constants.IconType.Template, label || 'Template'];
+      return {
+        icon: _constants.IconType.Template,
+        label: label || 'Template'
+      };
 
     case 'atlassian:UndefinedLink':
-      return [_constants.IconType.Document, label || 'Undefined link'];
+      return {
+        icon: _constants.IconType.Document,
+        label: label || 'Undefined link'
+      };
 
     default:
       return undefined;

package/dist/cjs/extractors/flexible/icon/extract-file-formatIcon.js

@@ -11,66 +11,111 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
   switch (fileFormat) {
     // Generic documents
     case 'folder':
-      return [_constants.IconType.Folder, 'Folder'];
+      return {
+        icon: _constants.IconType.Folder,
+        label: 'Folder'
+      };
 
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
-      return [_constants.IconType.Document, 'Document'];
+      return {
+        icon: _constants.IconType.Document,
+        label: 'Document'
+      };
 
     case 'application/pdf':
-      return [_constants.IconType.PDF, 'PDF document'];
+      return {
+        icon: _constants.IconType.PDF,
+        label: 'PDF document'
+      };
 
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
-      return [_constants.IconType.Presentation, 'Presentation'];
+      return {
+        icon: _constants.IconType.Presentation,
+        label: 'Presentation'
+      };
 
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
-      return [_constants.IconType.Spreadsheet, 'Spreadsheet'];
+      return {
+        icon: _constants.IconType.Spreadsheet,
+        label: 'Spreadsheet'
+      };
     // Google Drive
 
     case 'application/vnd.google-apps.document':
-      return [_constants.IconType.GoogleDocs, 'Google Docs'];
+      return {
+        icon: _constants.IconType.GoogleDocs,
+        label: 'Google Docs'
+      };
 
     case 'application/vnd.google-apps.form':
-      return [_constants.IconType.GoogleForms, 'Google Form'];
+      return {
+        icon: _constants.IconType.GoogleForms,
+        label: 'Google Form'
+      };
 
     case 'application/vnd.google-apps.spreadsheet':
-      return [_constants.IconType.GoogleSheets, 'Google Sheets'];
+      return {
+        icon: _constants.IconType.GoogleSheets,
+        label: 'Google Sheets'
+      };
 
     case 'application/vnd.google-apps.presentation':
-      return [_constants.IconType.GoogleSlides, 'Google Slides'];
+      return {
+        icon: _constants.IconType.GoogleSlides,
+        label: 'Google Slides'
+      };
     // Microsoft
 
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
-      return [_constants.IconType.MSExcel, 'Excel spreadsheet'];
+      return {
+        icon: _constants.IconType.MSExcel,
+        label: 'Excel spreadsheet'
+      };
 
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
-      return [_constants.IconType.MSPowerpoint, 'PowerPoint presentation'];
+      return {
+        icon: _constants.IconType.MSPowerpoint,
+        label: 'PowerPoint presentation'
+      };
 
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-      return [_constants.IconType.MSWord, 'Word document'];
+      return {
+        icon: _constants.IconType.MSWord,
+        label: 'Word document'
+      };
 
     case 'image/png':
     case 'image/jpeg':
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
-      return [_constants.IconType.Image, 'Image'];
+      return {
+        icon: _constants.IconType.Image,
+        label: 'Image'
+      };
 
     case 'image/gif':
-      return [_constants.IconType.GIF, 'GIF'];
+      return {
+        icon: _constants.IconType.GIF,
+        label: 'GIF'
+      };
 
     case 'audio/midi':
     case 'audio/mpeg':
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
-      return [_constants.IconType.Audio, 'Audio'];
+      return {
+        icon: _constants.IconType.Audio,
+        label: 'Audio'
+      };
 
     case 'video/mp4':
     case 'video/quicktime':
@@ -79,13 +124,19 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
-      return [_constants.IconType.Video, 'Video'];
+      return {
+        icon: _constants.IconType.Video,
+        label: 'Video'
+      };
     // Others
 
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
-      return [_constants.IconType.Code, 'Source Code'];
+      return {
+        icon: _constants.IconType.Code,
+        label: 'Source Code'
+      };
 
     case 'application/zip':
     case 'application/x-tar':
@@ -93,19 +144,34 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'application/x-7z-compressed':
     case 'application/x-apple-diskimage':
     case 'application/vnd.rar':
-      return [_constants.IconType.Archive, 'Archive'];
+      return {
+        icon: _constants.IconType.Archive,
+        label: 'Archive'
+      };
 
     case 'application/dmg':
-      return [_constants.IconType.Executable, 'Executable'];
+      return {
+        icon: _constants.IconType.Executable,
+        label: 'Executable'
+      };
 
     case 'application/sketch':
-      return [_constants.IconType.Sketch, 'Sketch'];
+      return {
+        icon: _constants.IconType.Sketch,
+        label: 'Sketch'
+      };
 
     case 'application/octet-stream':
-      return [_constants.IconType.Generic, 'Binary file'];
+      return {
+        icon: _constants.IconType.Generic,
+        label: 'Binary file'
+      };
 
     case 'application/invision.prototype':
-      return [_constants.IconType.Generic, 'Prototype'];
+      return {
+        icon: _constants.IconType.Generic,
+        label: 'Prototype'
+      };
 
     default:
       return undefined;

package/dist/cjs/extractors/flexible/icon/extract-jira-task-icon.js

@@ -12,32 +12,59 @@ var extractJiraTaskIcon = function extractJiraTaskIcon(taskType) {
 
   switch (taskType) {
     case 'JiraBug':
-      return [_constants.IconType.Bug, label];
+      return {
+        icon: _constants.IconType.Bug,
+        label: label
+      };
 
     case 'JiraChange':
-      return [_constants.IconType.Change, label];
+      return {
+        icon: _constants.IconType.Change,
+        label: label
+      };
 
     case 'JiraEpic':
-      return [_constants.IconType.Epic, label];
+      return {
+        icon: _constants.IconType.Epic,
+        label: label
+      };
 
     case 'JiraIncident':
-      return [_constants.IconType.Incident, label];
+      return {
+        icon: _constants.IconType.Incident,
+        label: label
+      };
 
     case 'JiraProblem':
-      return [_constants.IconType.Problem, label];
+      return {
+        icon: _constants.IconType.Problem,
+        label: label
+      };
 
     case 'JiraServiceRequest':
-      return [_constants.IconType.ServiceRequest, label];
+      return {
+        icon: _constants.IconType.ServiceRequest,
+        label: label
+      };
 
     case 'JiraStory':
-      return [_constants.IconType.Story, label];
+      return {
+        icon: _constants.IconType.Story,
+        label: label
+      };
 
     case 'JiraSubTask':
-      return [_constants.IconType.SubTask, label];
+      return {
+        icon: _constants.IconType.SubTask,
+        label: label
+      };
 
     case 'JiraTask':
     default:
-      return [_constants.IconType.Task, label];
+      return {
+        icon: _constants.IconType.Task,
+        label: label
+      };
   }
 };
 

package/dist/cjs/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -33,7 +33,10 @@ var extractTask = function extractTask(data, label) {
       url = _ref.icon;
 
   var taskType = id === null || id === void 0 ? void 0 : id.split('#').pop();
-  var taskIcon = url ? [undefined, label, url] : undefined;
+  var taskIcon = url ? {
+    label: label,
+    url: url
+  } : undefined;
   return {
     taskType: taskType,
     taskIcon: taskIcon
@@ -65,7 +68,7 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
   var type = extractType(data);
   var urlIcon = (0, _extractUrlIcon.default)(data.icon, label);
   var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
-  var providerIcon = (0, _extractProviderIcon.default)(provider, generator === null || generator === void 0 ? void 0 : generator.icon, label);
+  var providerIcon = (0, _extractProviderIcon.default)(data);
 
   switch (type) {
     case 'Document':
@@ -94,25 +97,46 @@ var extractJsonldDataIcon = function extractJsonldDataIcon(data) {
             taskType = _extractTask.taskType,
             taskIcon = _extractTask.taskIcon;
 
-        return taskType === 'JiraCustomTaskType' ? taskIcon || urlIcon || providerIcon || [_constants2.IconType.Task, taskLabel] : (0, _extractJiraTaskIcon.default)(taskType, taskLabel);
+        return taskType === 'JiraCustomTaskType' ? taskIcon || urlIcon || providerIcon || {
+          icon: _constants2.IconType.Task,
+          label: taskLabel
+        } : (0, _extractJiraTaskIcon.default)(taskType, taskLabel);
       }
 
-      return [_constants2.IconType.Task, taskLabel];
+      return {
+        icon: _constants2.IconType.Task,
+        label: taskLabel
+      };
 
     case 'atlassian:Project':
-      return urlIcon || [_constants2.IconType.Project, label || 'Project'];
+      return urlIcon || {
+        icon: _constants2.IconType.Project,
+        label: label || 'Project'
+      };
 
     case 'atlassian:SourceCodeCommit':
-      return [_constants2.IconType.Commit, label || 'Commit'];
+      return {
+        icon: _constants2.IconType.Commit,
+        label: label || 'Commit'
+      };
 
     case 'atlassian:SourceCodePullRequest':
-      return [_constants2.IconType.PullRequest, label || 'Pull request'];
+      return {
+        icon: _constants2.IconType.PullRequest,
+        label: label || 'Pull request'
+      };
 
     case 'atlassian:SourceCodeReference':
-      return [_constants2.IconType.Branch, label || 'Reference'];
+      return {
+        icon: _constants2.IconType.Branch,
+        label: label || 'Reference'
+      };
 
     case 'atlassian:SourceCodeRepository':
-      return [_constants2.IconType.Repo, label || 'Repository'];
+      return {
+        icon: _constants2.IconType.Repo,
+        label: label || 'Repository'
+      };
 
     default:
       return providerIcon;

package/dist/cjs/extractors/flexible/icon/extract-provider-icon.js

@@ -13,13 +13,30 @@ var _constants2 = require("../../../constants");
 
 var _extractUrlIcon = _interopRequireDefault(require("./extract-url-icon"));
 
-var extractProviderIcon = function extractProviderIcon(provider, icon, label) {
+var _primitives = require("../../common/primitives");
+
+var extractProviderIcon = function extractProviderIcon(data) {
+  if (!data) {
+    return undefined;
+  }
+
+  var generator = data.generator;
+  var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
+  var icon = generator === null || generator === void 0 ? void 0 : generator.icon;
+  var label = (generator === null || generator === void 0 ? void 0 : generator.name) || (0, _primitives.extractTitle)(data);
+
   if (provider === _constants.CONFLUENCE_GENERATOR_ID) {
-    return [_constants2.IconType.Confluence, label || 'Confluence'];
+    return {
+      icon: _constants2.IconType.Confluence,
+      label: label || 'Confluence'
+    };
   }
 
   if (provider === _constants.JIRA_GENERATOR_ID) {
-    return [_constants2.IconType.Jira, label || 'Jira'];
+    return {
+      icon: _constants2.IconType.Jira,
+      label: label || 'Jira'
+    };
   }
 
   return (0, _extractUrlIcon.default)(icon, label);

package/dist/cjs/extractors/flexible/icon/extract-url-icon.js

@@ -9,7 +9,10 @@ var _utils = require("../../common/utils");
 
 var extractUrlIcon = function extractUrlIcon(icon, label) {
   var url = icon && (0, _utils.extractUrlFromIconJsonLd)(icon);
-  return url ? [undefined, label, url] : undefined;
+  return url ? {
+    label: label,
+    url: url
+  } : undefined;
 };
 
 var _default = extractUrlIcon;

package/dist/cjs/extractors/flexible/icon/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractLinkIcon = exports.extractErrorIcon = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _extractJsonldDataIcon = _interopRequireDefault(require("./extract-jsonld-data-icon"));
 
@@ -17,22 +17,16 @@ var _constants = require("../../../constants");
 
 var _extractIconRenderer = _interopRequireDefault(require("./extract-icon-renderer"));
 
-var extractLinkIcon = function extractLinkIcon(response, renderers) {
-  var data = response.data;
+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; }
 
-  var _ref = (0, _extractJsonldDataIcon.default)(data) || [],
-      _ref2 = (0, _slicedToArray2.default)(_ref, 3),
-      icon = _ref2[0],
-      label = _ref2[1],
-      url = _ref2[2];
+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) { (0, _defineProperty2.default)(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; }
 
+var extractLinkIcon = function extractLinkIcon(response, renderers) {
+  var data = response.data;
   var render = (0, _extractIconRenderer.default)(data, renderers);
-  return {
-    icon: icon,
-    label: label,
-    render: render,
-    url: url
-  };
+  return _objectSpread(_objectSpread({}, (0, _extractJsonldDataIcon.default)(data)), {}, {
+    render: render
+  });
 };
 
 exports.extractLinkIcon = extractLinkIcon;
@@ -41,13 +35,10 @@ var extractErrorIcon = function extractErrorIcon(response, status) {
   // Try to get provider icon first.
   if (response) {
     var data = response.data;
-    var generator = data.generator;
-    var provider = generator === null || generator === void 0 ? void 0 : generator['@id'];
 
-    var _ref3 = (0, _extractProviderIcon.default)(provider, generator === null || generator === void 0 ? void 0 : generator.icon) || [],
-        _ref4 = (0, _slicedToArray2.default)(_ref3, 3),
-        icon = _ref4[0],
-        url = _ref4[2];
+    var _ref = (0, _extractProviderIcon.default)(data) || {},
+        icon = _ref.icon,
+        url = _ref.url;
 
     if (icon || url) {
       return {

package/dist/cjs/extractors/flexible/index.js

@@ -25,6 +25,8 @@ var _extractDateCreated = require("../common/date/extractDateCreated");
 
 var _extractPriority = _interopRequireDefault(require("./extract-priority"));
 
+var _extractProviderIcon = _interopRequireDefault(require("./icon/extract-provider-icon"));
+
 var extractFlexibleUiContext = function extractFlexibleUiContext(response, renderers) {
   if (!response) {
     return undefined;
@@ -48,6 +50,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext(response, rende
     state: (0, _lozenge.extractLozenge)(data),
     subscriberCount: (0, _utils.extractSubscriberCount)(data),
     title: (0, _primitives.extractTitle)(data) || url,
+    provider: (0, _extractProviderIcon.default)(data),
     url: url
   };
 };

package/dist/cjs/version.json

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

package/dist/cjs/view/FlexibleCard/components/blocks/utils.js

@@ -44,7 +44,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AuthorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CollaboratorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CommentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LinkIcon, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Snippet, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.State, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubscriberCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Title, ['inline']), _ElementDisplaySchema);
+var ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AuthorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CollaboratorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CommentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LinkIcon, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Snippet, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.State, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubscriberCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Title, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), _ElementDisplaySchema);
 exports.ElementDisplaySchema = ElementDisplaySchema;
 
 var getDirectionStyles = function getDirectionStyles(direction) {

package/dist/cjs/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -300,6 +300,8 @@ var AtlaskitIcon = function AtlaskitIcon(_ref3) {
     case _constants.IconType.Jira:
       // Logo component has a different prop set from other icon components
       return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+        "data-testId": testId // Confluence and Jira imports don't have native testId prop
+        ,
         textColor: _colors.N700,
         iconColor: _colors.B200,
         iconGradientStart: _colors.B400,

package/dist/cjs/view/FlexibleCard/components/elements/badge/index.js

@@ -34,7 +34,7 @@ var iconStyles = (0, _core.css)(_templateObject2 || (_templateObject2 = (0, _tag
 var labelStyles = (0, _core.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  padding-left: 0.125rem;\n"])), _token.tokens.badgeText);
 var messageMapper = (_messageMapper = {}, (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityBlocker, _messages.messages.priority_blocker), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityCritical, _messages.messages.priority_critical), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityHigh, _messages.messages.priority_high), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityHighest, _messages.messages.priority_highest), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityLow, _messages.messages.priority_low), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityLowest, _messages.messages.priority_lowest), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityMajor, _messages.messages.priority_major), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityMedium, _messages.messages.priority_medium), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityMinor, _messages.messages.priority_minor), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityTrivial, _messages.messages.priority_trivial), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityUndefined, _messages.messages.priority_undefined), _messageMapper);
 
-var getFormattedMessageOrLabel = function getFormattedMessageOrLabel(icon, content) {
+var getFormattedMessageFromIcon = function getFormattedMessageFromIcon(icon) {
   if (icon) {
     var descriptor = messageMapper[icon];
 
@@ -44,8 +44,6 @@ var getFormattedMessageOrLabel = function getFormattedMessageOrLabel(icon, conte
       });
     }
   }
-
-  return content;
 };
 
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
@@ -73,7 +71,7 @@ var Badge = function Badge(_ref) {
       label = _ref.label,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'smart-element-badge' : _ref$testId;
-  var formattedMessageOrLabel = getFormattedMessageOrLabel(icon, label);
+  var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
 
   if (!formattedMessageOrLabel || !badgeIcon) {

package/dist/cjs/view/FlexibleCard/components/elements/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Title = exports.SubscriberCount = exports.State = exports.Snippet = exports.ProgrammingLanguage = exports.Priority = exports.ModifiedOn = exports.ModifiedBy = exports.LinkIcon = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.AuthorGroup = void 0;
+exports.Title = exports.SubscriberCount = exports.State = exports.Snippet = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.ModifiedOn = exports.ModifiedBy = exports.LinkIcon = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.AuthorGroup = void 0;
 
 var _utils = require("./utils");
 
@@ -39,4 +39,6 @@ exports.State = State;
 var SubscriberCount = (0, _utils.createElement)(_constants.ElementName.SubscriberCount);
 exports.SubscriberCount = SubscriberCount;
 var Title = (0, _utils.createElement)(_constants.ElementName.Title);
-exports.Title = Title;
+exports.Title = Title;
+var Provider = (0, _utils.createElement)(_constants.ElementName.Provider);
+exports.Provider = Provider;

package/dist/cjs/view/FlexibleCard/components/elements/utils.js

@@ -81,6 +81,8 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
   component: _dateTime.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.ModifiedOn, {
   component: _dateTime.default
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Provider, {
+  component: _badge.default
 }), _elementMappings);
 
 var getContextKey = function getContextKey(name) {

package/dist/es2019/constants.js

@@ -84,6 +84,7 @@ export let ElementName;
   ElementName["State"] = "State";
   ElementName["SubscriberCount"] = "SubscriberCount";
   ElementName["Title"] = "Title";
+  ElementName["Provider"] = "Provider";
 })(ElementName || (ElementName = {}));
 
 export let ActionName;