@atlaskit/smart-card 36.2.1 → 36.2.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 36.2.3
+
+### Patch Changes
+
+- [#132126](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132126)
+  [`5d45dce9796da`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5d45dce9796da) -
+  Updated dependency json-ld-types to @atlaskit/json-ld-types
+- [#132869](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132869)
+  [`02c6598e7fcbd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02c6598e7fcbd) -
+  Add showLabel flag to control showing aria-labels on the inlineCard / HoverCard
+- Updated dependencies
+
+## 36.2.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 36.2.1
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -68,11 +68,13 @@ var SmartLinkStatus = exports.SmartLinkStatus = /*#__PURE__*/function (SmartLink
  * This determine the styling of the link.
  */
 var SmartLinkTheme = exports.SmartLinkTheme = /*#__PURE__*/function (SmartLinkTheme) {
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   SmartLinkTheme["Black"] = "black";
   SmartLinkTheme["Link"] = "link";
   return SmartLinkTheme;
 }({});
 var SmartLinkInternalTheme = exports.SmartLinkInternalTheme = /*#__PURE__*/function (SmartLinkInternalTheme) {
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   SmartLinkInternalTheme["Grey"] = "grey";
   return SmartLinkInternalTheme;
 }({});
@@ -186,11 +188,13 @@ var IconType = exports.IconType = /*#__PURE__*/function (IconType) {
   IconType["Spreadsheet"] = "FileType:Spreadsheet";
   IconType["Template"] = "FileType:Template";
   IconType["Video"] = "FileType:Video";
+  // BitBucket?
   IconType["Branch"] = "BitBucket:Branch";
   IconType["Commit"] = "BitBucket:Commit";
   IconType["Project"] = "BitBucket:Project";
   IconType["PullRequest"] = "BitBucket:PullRequest";
   IconType["Repo"] = "BitBucket:Repo";
+  // Jira?
   IconType["Bug"] = "Jira:Bug";
   IconType["Change"] = "Jira:Change";
   IconType["Epic"] = "Jira:Epic";
@@ -200,12 +204,16 @@ var IconType = exports.IconType = /*#__PURE__*/function (IconType) {
   IconType["Story"] = "Jira:Story";
   IconType["SubTask"] = "Jira:SubTask";
   IconType["Task"] = "Jira:Task";
+  // Confluence
   IconType["LiveDocument"] = "Confluence:LiveDocument";
+  // Provider
   IconType["Confluence"] = "Provider:Confluence";
   IconType["Jira"] = "Provider:Jira";
+  // Fallback
   IconType["Default"] = "Default";
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
+  // Badge
   IconType["Attachment"] = "Badge:Attachment";
   IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";

package/dist/cjs/extractors/common/icon/extractIcon.js

@@ -22,6 +22,7 @@ var _prioritiseIcon = require("./prioritiseIcon");
 var _priority = require("./priority");
 var extractIcon = exports.extractIcon = function extractIcon(jsonLd) {
   var priority = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'type';
+  var showIconLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   var type = jsonLd['@type'];
   var opts = {
     title: (0, _linkExtractors.extractTitle)(jsonLd),
@@ -29,7 +30,8 @@ var extractIcon = exports.extractIcon = function extractIcon(jsonLd) {
     fileFormat: (0, _extractFileFormat.extractFileFormat)(jsonLd),
     taskType: (0, _extractTaskType.extractTaskType)(jsonLd),
     icon: jsonLd.icon && (0, _linkExtractors.extractUrlFromIconJsonLd)(jsonLd.icon),
-    priority: priority
+    priority: priority,
+    showIconLabel: showIconLabel
   };
   if (Array.isArray(type)) {
     var highestPriorityType = type.sort(function (a, b) {

package/dist/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -97,35 +97,35 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/_react.default.createElement(BlogIcon, {
-        label: opts.title || 'blog',
+        label: opts.showIconLabel ? opts.title || 'blog' : '',
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
       return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
-        label: opts.title || 'document',
+        label: opts.showIconLabel ? opts.title || 'document' : '',
         testId: "document-icon"
       });
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(PresentationIcon, {
-        label: opts.title || 'presentation',
+        label: opts.showIconLabel ? opts.title || 'presentation' : '',
         testId: "presentation-icon"
       });
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(SpreadsheetIcon, {
-        label: opts.title || 'spreadsheet',
+        label: opts.showIconLabel ? opts.title || 'spreadsheet' : '',
         testId: "spreadsheet-icon"
       });
     case 'atlassian:Template':
       return /*#__PURE__*/_react.default.createElement(DocumentFilledIcon, {
         color: "currentColor",
-        label: opts.title || 'template',
+        label: opts.showIconLabel ? opts.title || 'template' : '',
         testId: "document-filled-icon"
       });
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
-        label: opts.title || 'undefinedLink',
+        label: opts.showIconLabel ? opts.title || 'undefinedLink' : '',
         testId: "document-icon"
       });
   }
@@ -148,7 +148,7 @@ var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
     });
   } else {
     return /*#__PURE__*/_react.default.createElement(FileIcon, {
-      label: opts.title || 'file',
+      label: opts.showIconLabel ? opts.title || 'file' : '',
       testId: "file-icon"
     });
   }

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

@@ -11,20 +11,22 @@ var _primitives = require("../common/primitives");
 var _titlePrefix = require("../common/title-prefix");
 var _constants = require("../constants");
 var extractInlineIcon = exports.extractInlineIcon = function extractInlineIcon(jsonLd) {
+  var showIconLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   var provider = (0, _linkExtractors.extractProvider)(jsonLd);
   if (provider && provider.id) {
     if (provider.id === _constants.CONFLUENCE_GENERATOR_ID || provider.id === _constants.JIRA_GENERATOR_ID) {
-      return (0, _icon.extractIcon)(jsonLd);
+      return (0, _icon.extractIcon)(jsonLd, 'type', showIconLabel);
     }
   }
-  return (0, _icon.extractIcon)(jsonLd, 'provider');
+  return (0, _icon.extractIcon)(jsonLd, 'provider', showIconLabel);
 };
 var extractInlineProps = exports.extractInlineProps = function extractInlineProps(jsonLd, renderers, removeTextHighlightingFromTitle) {
+  var showLabel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   return {
     link: (0, _linkExtractors.extractLink)(jsonLd),
     title: (0, _linkExtractors.extractTitle)(jsonLd, removeTextHighlightingFromTitle),
     lozenge: (0, _lozenge.extractLozenge)(jsonLd),
-    icon: extractInlineIcon(jsonLd),
+    icon: extractInlineIcon(jsonLd, showLabel),
     titleTextColor: (0, _primitives.extractTitleTextColor)(jsonLd),
     titlePrefix: (0, _titlePrefix.extractTitlePrefix)(jsonLd, renderers, 'inline')
   };

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.2.1"
+  packageVersion: "36.2.3"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -49,7 +49,9 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     role = _ref.role,
     label = _ref.label,
-    titleId = _ref.titleId;
+    titleId = _ref.titleId,
+    _ref$showLabel = _ref.showLabel,
+    showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel;
   var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = _react.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -219,11 +221,11 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       onClick: onChildClick,
       onContextMenu: onContextMenuClick,
       "data-testid": "hover-card-trigger-wrapper",
-      "aria-label": formatMessage(_messages.messages.more_information_about_this_work_item)
+      "aria-label": showLabel ? formatMessage(_messages.messages.more_information_about_this_work_item) : undefined
     }, (0, _platformFeatureFlags.fg)('fix_a11y_violation_in_hover_card_trigger') ? {
       role: 'button'
     } : {}), children));
-  }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage]);
+  }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage, showLabel]);
   return /*#__PURE__*/_react.default.createElement(_popup.default, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,

package/dist/cjs/view/InlineCard/Frame/index.js

@@ -49,7 +49,6 @@ var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     isSelected: isSelected,
     isInteractive: isInteractive,
     tabIndex: isInteractive ? 0 : undefined,
-    "aria-label": isAnchor ? link !== null && link !== void 0 ? link : 'Link' : undefined,
     role: isInteractive ? 'button' : undefined,
     onClick: handleClick,
     onMouseDown: handleMouseDown,

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -80,7 +80,8 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
           id: id,
           url: link,
           actionOptions: actionOptions,
-          hoverPreviewOptions: hoverPreviewOptions
+          hoverPreviewOptions: hoverPreviewOptions,
+          showLabel: false
         }, inlineCardResolvedView);
       }
       return inlineCardResolvedView;

package/dist/cjs/view/InlineCard/index.js

@@ -85,7 +85,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
-  var resolvedProps = status === _constants.SmartLinkStatus.Resolved ? (0, _inline.extractInlineProps)(cardDetails, renderers, removeTextHighlightingFromTitle) : {};
+  var resolvedProps = status === _constants.SmartLinkStatus.Resolved ? (0, _inline.extractInlineProps)(cardDetails, renderers, removeTextHighlightingFromTitle, false) : {};
   (0, _react.useEffect)(function () {
     switch (status) {
       case _constants.SmartLinkStatus.Resolved:

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.2.1",
+  packageVersion: "36.2.3",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/constants.js

@@ -67,11 +67,13 @@ export let SmartLinkStatus = /*#__PURE__*/function (SmartLinkStatus) {
  * This determine the styling of the link.
  */
 export let SmartLinkTheme = /*#__PURE__*/function (SmartLinkTheme) {
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   SmartLinkTheme["Black"] = "black";
   SmartLinkTheme["Link"] = "link";
   return SmartLinkTheme;
 }({});
 export let SmartLinkInternalTheme = /*#__PURE__*/function (SmartLinkInternalTheme) {
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   SmartLinkInternalTheme["Grey"] = "grey";
   return SmartLinkInternalTheme;
 }({});
@@ -189,11 +191,13 @@ export let IconType = /*#__PURE__*/function (IconType) {
   IconType["Spreadsheet"] = "FileType:Spreadsheet";
   IconType["Template"] = "FileType:Template";
   IconType["Video"] = "FileType:Video";
+  // BitBucket?
   IconType["Branch"] = "BitBucket:Branch";
   IconType["Commit"] = "BitBucket:Commit";
   IconType["Project"] = "BitBucket:Project";
   IconType["PullRequest"] = "BitBucket:PullRequest";
   IconType["Repo"] = "BitBucket:Repo";
+  // Jira?
   IconType["Bug"] = "Jira:Bug";
   IconType["Change"] = "Jira:Change";
   IconType["Epic"] = "Jira:Epic";
@@ -203,12 +207,16 @@ export let IconType = /*#__PURE__*/function (IconType) {
   IconType["Story"] = "Jira:Story";
   IconType["SubTask"] = "Jira:SubTask";
   IconType["Task"] = "Jira:Task";
+  // Confluence
   IconType["LiveDocument"] = "Confluence:LiveDocument";
+  // Provider
   IconType["Confluence"] = "Provider:Confluence";
   IconType["Jira"] = "Provider:Jira";
+  // Fallback
   IconType["Default"] = "Default";
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
+  // Badge
   IconType["Attachment"] = "Badge:Attachment";
   IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";

package/dist/es2019/extractors/common/icon/extractIcon.js

@@ -13,7 +13,7 @@ import { extractIconFromDocument } from './extractIconFromDocument';
 import { extractIconFromTask } from './extractIconFromTask';
 import { prioritiseIcon } from './prioritiseIcon';
 import { extractorPriorityMap } from './priority';
-export const extractIcon = (jsonLd, priority = 'type') => {
+export const extractIcon = (jsonLd, priority = 'type', showIconLabel = true) => {
   const type = jsonLd['@type'];
   const opts = {
     title: extractTitle(jsonLd),
@@ -21,7 +21,8 @@ export const extractIcon = (jsonLd, priority = 'type') => {
     fileFormat: extractFileFormat(jsonLd),
     taskType: extractTaskType(jsonLd),
     icon: jsonLd.icon && extractUrlFromIconJsonLd(jsonLd.icon),
-    priority
+    priority,
+    showIconLabel
   };
   if (Array.isArray(type)) {
     const highestPriorityType = type.sort((a, b) => extractorPriorityMap[b] - extractorPriorityMap[a])[0];

package/dist/es2019/extractors/common/icon/extractIconFromDocument.js

@@ -91,35 +91,35 @@ const documentTypeToIcon = (type, opts) => {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: opts.title || 'blog',
+        label: opts.showIconLabel ? opts.title || 'blog' : '',
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
       return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'document',
+        label: opts.showIconLabel ? opts.title || 'document' : '',
         testId: "document-icon"
       });
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/React.createElement(PresentationIcon, {
-        label: opts.title || 'presentation',
+        label: opts.showIconLabel ? opts.title || 'presentation' : '',
         testId: "presentation-icon"
       });
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/React.createElement(SpreadsheetIcon, {
-        label: opts.title || 'spreadsheet',
+        label: opts.showIconLabel ? opts.title || 'spreadsheet' : '',
         testId: "spreadsheet-icon"
       });
     case 'atlassian:Template':
       return /*#__PURE__*/React.createElement(DocumentFilledIcon, {
         color: "currentColor",
-        label: opts.title || 'template',
+        label: opts.showIconLabel ? opts.title || 'template' : '',
         testId: "document-filled-icon"
       });
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'undefinedLink',
+        label: opts.showIconLabel ? opts.title || 'undefinedLink' : '',
         testId: "document-icon"
       });
   }
@@ -142,7 +142,7 @@ const digitalDocumentToIcon = opts => {
     });
   } else {
     return /*#__PURE__*/React.createElement(FileIcon, {
-      label: opts.title || 'file',
+      label: opts.showIconLabel ? opts.title || 'file' : '',
       testId: "file-icon"
     });
   }

package/dist/es2019/extractors/inline/index.js

@@ -4,20 +4,20 @@ import { extractLozenge } from '../common/lozenge';
 import { extractTitleTextColor } from '../common/primitives';
 import { extractTitlePrefix } from '../common/title-prefix';
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../constants';
-export const extractInlineIcon = jsonLd => {
+export const extractInlineIcon = (jsonLd, showIconLabel = true) => {
   const provider = extractProvider(jsonLd);
   if (provider && provider.id) {
     if (provider.id === CONFLUENCE_GENERATOR_ID || provider.id === JIRA_GENERATOR_ID) {
-      return extractIcon(jsonLd);
+      return extractIcon(jsonLd, 'type', showIconLabel);
     }
   }
-  return extractIcon(jsonLd, 'provider');
+  return extractIcon(jsonLd, 'provider', showIconLabel);
 };
-export const extractInlineProps = (jsonLd, renderers, removeTextHighlightingFromTitle) => ({
+export const extractInlineProps = (jsonLd, renderers, removeTextHighlightingFromTitle, showLabel = true) => ({
   link: extractLink(jsonLd),
   title: extractTitle(jsonLd, removeTextHighlightingFromTitle),
   lozenge: extractLozenge(jsonLd),
-  icon: extractInlineIcon(jsonLd),
+  icon: extractInlineIcon(jsonLd, showLabel),
   titleTextColor: extractTitleTextColor(jsonLd),
   titlePrefix: extractTitlePrefix(jsonLd, renderers, 'inline')
 });

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.2.1"
+  packageVersion: "36.2.3"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -29,7 +29,8 @@ export const HoverCardComponent = ({
   hoverPreviewOptions,
   role,
   label,
-  titleId
+  titleId,
+  showLabel = true
 }) => {
   var _hoverPreviewOptions$;
   const fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
@@ -196,10 +197,10 @@ export const HoverCardComponent = ({
     onClick: onChildClick,
     onContextMenu: onContextMenuClick,
     "data-testid": "hover-card-trigger-wrapper",
-    "aria-label": formatMessage(messages.more_information_about_this_work_item)
+    "aria-label": showLabel ? formatMessage(messages.more_information_about_this_work_item) : undefined
   }, fg('fix_a11y_violation_in_hover_card_trigger') ? {
     role: 'button'
-  } : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage]);
+  } : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage, showLabel]);
   return /*#__PURE__*/React.createElement(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,

package/dist/es2019/view/InlineCard/Frame/index.js

@@ -42,7 +42,6 @@ export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
     isSelected: isSelected,
     isInteractive: isInteractive,
     tabIndex: isInteractive ? 0 : undefined,
-    "aria-label": isAnchor ? link !== null && link !== void 0 ? link : 'Link' : undefined,
     role: isInteractive ? 'button' : undefined,
     onClick: handleClick,
     onMouseDown: handleMouseDown,

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -57,7 +57,8 @@ export class InlineCardResolvedView extends React.Component {
         id: id,
         url: link,
         actionOptions: actionOptions,
-        hoverPreviewOptions: hoverPreviewOptions
+        hoverPreviewOptions: hoverPreviewOptions,
+        showLabel: false
       }, inlineCardResolvedView);
     }
     return inlineCardResolvedView;

package/dist/es2019/view/InlineCard/index.js

@@ -50,7 +50,7 @@ export const InlineCard = ({
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
-  const resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(cardDetails, renderers, removeTextHighlightingFromTitle) : {};
+  const resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(cardDetails, renderers, removeTextHighlightingFromTitle, false) : {};
   useEffect(() => {
     switch (status) {
       case SmartLinkStatus.Resolved:

package/dist/es2019/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.2.1",
+  packageVersion: "36.2.3",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/constants.js

@@ -67,11 +67,13 @@ export var SmartLinkStatus = /*#__PURE__*/function (SmartLinkStatus) {
  * This determine the styling of the link.
  */
 export var SmartLinkTheme = /*#__PURE__*/function (SmartLinkTheme) {
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   SmartLinkTheme["Black"] = "black";
   SmartLinkTheme["Link"] = "link";
   return SmartLinkTheme;
 }({});
 export var SmartLinkInternalTheme = /*#__PURE__*/function (SmartLinkInternalTheme) {
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   SmartLinkInternalTheme["Grey"] = "grey";
   return SmartLinkInternalTheme;
 }({});
@@ -189,11 +191,13 @@ export var IconType = /*#__PURE__*/function (IconType) {
   IconType["Spreadsheet"] = "FileType:Spreadsheet";
   IconType["Template"] = "FileType:Template";
   IconType["Video"] = "FileType:Video";
+  // BitBucket?
   IconType["Branch"] = "BitBucket:Branch";
   IconType["Commit"] = "BitBucket:Commit";
   IconType["Project"] = "BitBucket:Project";
   IconType["PullRequest"] = "BitBucket:PullRequest";
   IconType["Repo"] = "BitBucket:Repo";
+  // Jira?
   IconType["Bug"] = "Jira:Bug";
   IconType["Change"] = "Jira:Change";
   IconType["Epic"] = "Jira:Epic";
@@ -203,12 +207,16 @@ export var IconType = /*#__PURE__*/function (IconType) {
   IconType["Story"] = "Jira:Story";
   IconType["SubTask"] = "Jira:SubTask";
   IconType["Task"] = "Jira:Task";
+  // Confluence
   IconType["LiveDocument"] = "Confluence:LiveDocument";
+  // Provider
   IconType["Confluence"] = "Provider:Confluence";
   IconType["Jira"] = "Provider:Jira";
+  // Fallback
   IconType["Default"] = "Default";
   IconType["Error"] = "Default:Error";
   IconType["Forbidden"] = "Default:Forbidden";
+  // Badge
   IconType["Attachment"] = "Badge:Attachment";
   IconType["CheckItem"] = "Badge:Task";
   IconType["Comment"] = "Badge:Comment";

package/dist/esm/extractors/common/icon/extractIcon.js

@@ -15,6 +15,7 @@ import { prioritiseIcon } from './prioritiseIcon';
 import { extractorPriorityMap } from './priority';
 export var extractIcon = function extractIcon(jsonLd) {
   var priority = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'type';
+  var showIconLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   var type = jsonLd['@type'];
   var opts = {
     title: extractTitle(jsonLd),
@@ -22,7 +23,8 @@ export var extractIcon = function extractIcon(jsonLd) {
     fileFormat: extractFileFormat(jsonLd),
     taskType: extractTaskType(jsonLd),
     icon: jsonLd.icon && extractUrlFromIconJsonLd(jsonLd.icon),
-    priority: priority
+    priority: priority,
+    showIconLabel: showIconLabel
   };
   if (Array.isArray(type)) {
     var highestPriorityType = type.sort(function (a, b) {

package/dist/esm/extractors/common/icon/extractIconFromDocument.js

@@ -91,35 +91,35 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: opts.title || 'blog',
+        label: opts.showIconLabel ? opts.title || 'blog' : '',
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
       return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'document',
+        label: opts.showIconLabel ? opts.title || 'document' : '',
         testId: "document-icon"
       });
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/React.createElement(PresentationIcon, {
-        label: opts.title || 'presentation',
+        label: opts.showIconLabel ? opts.title || 'presentation' : '',
         testId: "presentation-icon"
       });
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/React.createElement(SpreadsheetIcon, {
-        label: opts.title || 'spreadsheet',
+        label: opts.showIconLabel ? opts.title || 'spreadsheet' : '',
         testId: "spreadsheet-icon"
       });
     case 'atlassian:Template':
       return /*#__PURE__*/React.createElement(DocumentFilledIcon, {
         color: "currentColor",
-        label: opts.title || 'template',
+        label: opts.showIconLabel ? opts.title || 'template' : '',
         testId: "document-filled-icon"
       });
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'undefinedLink',
+        label: opts.showIconLabel ? opts.title || 'undefinedLink' : '',
         testId: "document-icon"
       });
   }
@@ -142,7 +142,7 @@ var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
     });
   } else {
     return /*#__PURE__*/React.createElement(FileIcon, {
-      label: opts.title || 'file',
+      label: opts.showIconLabel ? opts.title || 'file' : '',
       testId: "file-icon"
     });
   }

package/dist/esm/extractors/inline/index.js

@@ -5,20 +5,22 @@ import { extractTitleTextColor } from '../common/primitives';
 import { extractTitlePrefix } from '../common/title-prefix';
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../constants';
 export var extractInlineIcon = function extractInlineIcon(jsonLd) {
+  var showIconLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   var provider = extractProvider(jsonLd);
   if (provider && provider.id) {
     if (provider.id === CONFLUENCE_GENERATOR_ID || provider.id === JIRA_GENERATOR_ID) {
-      return extractIcon(jsonLd);
+      return extractIcon(jsonLd, 'type', showIconLabel);
     }
   }
-  return extractIcon(jsonLd, 'provider');
+  return extractIcon(jsonLd, 'provider', showIconLabel);
 };
 export var extractInlineProps = function extractInlineProps(jsonLd, renderers, removeTextHighlightingFromTitle) {
+  var showLabel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   return {
     link: extractLink(jsonLd),
     title: extractTitle(jsonLd, removeTextHighlightingFromTitle),
     lozenge: extractLozenge(jsonLd),
-    icon: extractInlineIcon(jsonLd),
+    icon: extractInlineIcon(jsonLd, showLabel),
     titleTextColor: extractTitleTextColor(jsonLd),
     titlePrefix: extractTitlePrefix(jsonLd, renderers, 'inline')
   };

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.2.1"
+  packageVersion: "36.2.3"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -39,7 +39,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     role = _ref.role,
     label = _ref.label,
-    titleId = _ref.titleId;
+    titleId = _ref.titleId,
+    _ref$showLabel = _ref.showLabel,
+    showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel;
   var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -209,11 +211,11 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       onClick: onChildClick,
       onContextMenu: onContextMenuClick,
       "data-testid": "hover-card-trigger-wrapper",
-      "aria-label": formatMessage(messages.more_information_about_this_work_item)
+      "aria-label": showLabel ? formatMessage(messages.more_information_about_this_work_item) : undefined
     }, fg('fix_a11y_violation_in_hover_card_trigger') ? {
       role: 'button'
     } : {}), children));
-  }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage]);
+  }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage, showLabel]);
   return /*#__PURE__*/React.createElement(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,