@atlaskit/smart-card 43.21.0 → 43.22.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 43.22.0
+
+### Minor Changes
+
+- [`e3582a7070d57`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3582a7070d57) -
+  NAVX-2565 Adding underline to inline card error/fallback states to align with ADS links
+
+### Patch Changes
+
+- [`c3c46453e8e85`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c3c46453e8e85) -
+  FG cleanup: platform-linking-smart-card-layered-link-a11y
+- [`70da902901b72`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/70da902901b72) -
+  NAVX-2946 cleaning up navx-2827-eslint-object-translation-smart-links
+- Updated dependencies
+
 ## 43.21.0
 
 ### Minor Changes

package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-error-view--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1468f38bb5f4a548b6234872a842329d0292a9e5f8f02f63845e4bfb5ac03866
-size 2300
+oid sha256:ac3cb4d7414bc39e617615146ecf45fec6233b9dc4dbfc44b4159fd1b15ff064
+size 2237

package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-error-view-renders-correctly-when-hovering-over-url-in-errored-view--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:54ff0dc6712d82312ae41bb20d935420965efe758657193a42a7344546671f35
-size 2328
+oid sha256:10a91775c476b53cb155078f29f8877f33d6deced7773c24cee25290bb9c0533
+size 2205

package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-error-view-with-truncation--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4ff73e38c2b10439230bd09b7b597cc14f659ffd905d611f9eac13ef5b997513
-size 1522
+oid sha256:78f131b89db0ba674b76b3417b107aac92d0cdb05b7d29d472a50cc9d3a0bbb6
+size 1499

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 /**
  * Computes the relevant icon for a document type.
@@ -25,78 +24,46 @@ var _constants = require("../../../constants");
 var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label, providerId) {
   switch (documentType) {
     case 'schema:BlogPosting':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Blog,
         label: label
-      } : {
-        icon: _constants.IconType.Blog,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Blog'
       };
     case 'schema:DigitalDocument':
       if (providerId && (0, _linkExtractors.isConfluenceGenerator)(providerId)) {
-        return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        return {
           icon: _constants.IconType.LiveDocument,
           label: label
-        } : {
-          icon: _constants.IconType.LiveDocument,
-          // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-          label: label || 'Live Document'
         };
       } else {
-        return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        return {
           icon: _constants.IconType.File,
           label: label
-        } : {
-          icon: _constants.IconType.File,
-          // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-          label: label || 'File'
         };
       }
     case 'schema:TextDigitalDocument':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Document,
         label: label
-      } : {
-        icon: _constants.IconType.Document,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Document'
       };
     case 'schema:PresentationDigitalDocument':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Presentation,
         label: label
-      } : {
-        icon: _constants.IconType.Presentation,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Presentation'
       };
     case 'schema:SpreadsheetDigitalDocument':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Spreadsheet,
         label: label
-      } : {
-        icon: _constants.IconType.Spreadsheet,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Spreadsheet'
       };
     case 'atlassian:Template':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Template,
         label: label
-      } : {
-        icon: _constants.IconType.Template,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Template'
       };
     case 'atlassian:UndefinedLink':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Document,
         label: label
-      } : {
-        icon: _constants.IconType.Document,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Undefined link'
       };
     default:
       return undefined;

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

@@ -4,147 +4,86 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
   switch (fileFormat) {
     // Generic documents
     case 'folder':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Folder
-      } : {
-        icon: _constants.IconType.Folder,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Folder'
       };
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Document
-      } : {
-        icon: _constants.IconType.Document,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Document'
       };
     case 'application/pdf':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.PDF
-      } : {
-        icon: _constants.IconType.PDF,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'PDF document'
       };
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Presentation
-      } : {
-        icon: _constants.IconType.Presentation,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Presentation'
       };
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Spreadsheet
-      } : {
-        icon: _constants.IconType.Spreadsheet,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Spreadsheet'
       };
     // Google Drive
     case 'application/vnd.google-apps.document':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.GoogleDocs
-      } : {
-        icon: _constants.IconType.GoogleDocs,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Google Docs'
       };
     case 'application/vnd.google-apps.form':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.GoogleForms
-      } : {
-        icon: _constants.IconType.GoogleForms,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Google Form'
       };
     case 'application/vnd.google-apps.spreadsheet':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.GoogleSheets
-      } : {
-        icon: _constants.IconType.GoogleSheets,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Google Sheets'
       };
     case 'application/vnd.google-apps.presentation':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.GoogleSlides
-      } : {
-        icon: _constants.IconType.GoogleSlides,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Google Slides'
       };
     // Microsoft
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.MSExcel
-      } : {
-        icon: _constants.IconType.MSExcel,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Excel spreadsheet'
       };
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.MSPowerpoint
-      } : {
-        icon: _constants.IconType.MSPowerpoint,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'PowerPoint presentation'
       };
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.MSWord
-      } : {
-        icon: _constants.IconType.MSWord,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Word document'
       };
     case 'image/png':
     case 'image/jpeg':
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Image
-      } : {
-        icon: _constants.IconType.Image,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Image'
       };
     case 'image/gif':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.GIF
-      } : {
-        icon: _constants.IconType.GIF,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'GIF'
       };
     case 'audio/midi':
     case 'audio/mpeg':
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Audio
-      } : {
-        icon: _constants.IconType.Audio,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Audio'
       };
     case 'video/mp4':
     case 'video/quicktime':
@@ -153,23 +92,15 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Video
-      } : {
-        icon: _constants.IconType.Video,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Video'
       };
     // Others
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Code
-      } : {
-        icon: _constants.IconType.Code,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Source Code'
       };
     case 'application/zip':
     case 'application/x-tar':
@@ -177,44 +108,24 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'application/x-7z-compressed':
     case 'application/x-apple-diskimage':
     case 'application/vnd.rar':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Archive
-      } : {
-        icon: _constants.IconType.Archive,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Archive'
       };
     case 'application/dmg':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Executable
-      } : {
-        icon: _constants.IconType.Executable,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Executable'
       };
     case 'application/sketch':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Sketch
-      } : {
-        icon: _constants.IconType.Sketch,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Sketch'
       };
     case 'application/octet-stream':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Generic
-      } : {
-        icon: _constants.IconType.Generic,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Binary file'
       };
     case 'application/invision.prototype':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Generic
-      } : {
-        icon: _constants.IconType.Generic,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: 'Prototype'
       };
     default:
       return undefined;

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var _icon = require("../../common/icon");
 var _priority = require("../../common/icon/priority");
@@ -70,58 +69,34 @@ function typeToIconDescriptor(_ref3) {
     data = _ref3.data;
   switch (type) {
     case 'atlassian:Goal':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Task,
         label: label
-      } : {
-        icon: _constants.IconType.Task,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Goal'
       };
     case 'atlassian:Project':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Project,
         label: label
-      } : {
-        icon: _constants.IconType.Project,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Project'
       };
     case 'atlassian:SourceCodeCommit':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Commit,
         label: label
-      } : {
-        icon: _constants.IconType.Commit,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Commit'
       };
     case 'atlassian:SourceCodePullRequest':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.PullRequest,
         label: label
-      } : {
-        icon: _constants.IconType.PullRequest,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Pull request'
       };
     case 'atlassian:SourceCodeReference':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Branch,
         label: label
-      } : {
-        icon: _constants.IconType.Branch,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Reference'
       };
     case 'atlassian:SourceCodeRepository':
-      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+      return {
         icon: _constants.IconType.Repo,
         label: label
-      } : {
-        icon: _constants.IconType.Repo,
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        label: label || 'Repository'
       };
     case 'atlassian:Task':
       var taskLabel = label || 'Task';

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: "43.20.8"
+  packageVersion: "43.21.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/index.js

@@ -49,9 +49,8 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
   if (!icon) {
     return;
   }
-  var _icon = (0, _slicedToArray2.default)(icon, 2),
-    label = _icon[0],
-    importCb = _icon[1];
+  var _icon = (0, _slicedToArray2.default)(icon, 1),
+    importCb = _icon[0];
   if (!importCb) {
     return;
   }
@@ -67,7 +66,6 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
   return /*#__PURE__*/_react.default.createElement(Icon, {
-    label: label,
     testId: "document-file-format-icon"
   });
 };
@@ -609,11 +607,11 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
 var getTypeToIconMap = function getTypeToIconMap(fileFormat) {
   var _lazyIcons$iconDescri;
   var iconDescriptor = (0, _extractFileFormatIcon.default)(fileFormat);
-  if (!(iconDescriptor !== null && iconDescriptor !== void 0 && iconDescriptor.icon) || !iconDescriptor.label) {
+  if (!(iconDescriptor !== null && iconDescriptor !== void 0 && iconDescriptor.icon)) {
     return null;
   }
   var lazyIcons = getLazyIcons();
-  return [iconDescriptor.label, (_lazyIcons$iconDescri = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri === void 0 ? void 0 : _lazyIcons$iconDescri.default];
+  return [(_lazyIcons$iconDescri = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri === void 0 ? void 0 : _lazyIcons$iconDescri.default];
 };
 var getIframeSandboxAttribute = exports.getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
   if (isTrusted) {

package/dist/cjs/view/FlexibleCard/components/container/layered-link/index.js

@@ -9,7 +9,6 @@ exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = null;
@@ -33,10 +32,7 @@ var LayeredLink = function LayeredLink(_ref) {
     href: url,
     onClick: onClick,
     onMouseDown: onMouseDown,
-    target: target,
-    tabIndex: (0, _platformFeatureFlags.fg)('platform-linking-smart-card-layered-link-a11y') ? undefined : -1 // Hide tab index and let the title link be the link.
-    ,
-    "aria-hidden": (0, _platformFeatureFlags.fg)('platform-linking-smart-card-layered-link-a11y') ? undefined : true // This is to avoid screen readers reading out the link twice.
+    target: target
   }, text);
 };
 var _default = exports.default = LayeredLink;

package/dist/cjs/view/InlineCard/Frame/styled.compiled.css

@@ -13,6 +13,7 @@
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1abx{display:-webkit-inline-box}
 ._1e0c1nu9{display:inline}
+._1hms8stv{text-decoration-line:underline}
 ._1hmsglyw{text-decoration-line:none}
 ._1nmz9jpi{word-break:break-all}
 ._1qu2glyw{outline-style:none}

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

@@ -12,18 +12,17 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
-var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"],
+var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isSelected", "viewType"],
   _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var truncateInline = _ref.truncateInline,
     withoutBackground = _ref.withoutBackground,
     isHovered = _ref.isHovered,
-    isInteractive = _ref.isInteractive,
     isSelected = _ref.isSelected,
-    href = _ref.href,
     viewType = _ref.viewType,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var experimentValue = viewType === 'unauthorised' ? (0, _expVal.expVal)('platform_inline_smartcard_connect_button_exp', 'cohort', 'control') : 'control';
@@ -47,7 +46,7 @@ var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(
     href: href,
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
+    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && experimentValue !== 'control' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg", viewType === 'errored' && (0, _platformFeatureFlags.fg)('navx-2565-inline-card-error-state-underline') && "_4bfu1r31 _1hms8stv _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1"])
   }), props.children);
 });
 var baseWrapperStyles = null;
@@ -56,6 +55,7 @@ var baseWrapperStyles = null;
 var interactiveStyles = null;
 var hoveredStyles = null;
 var hoveredWithBackgroundStyles = null;
+var errorViewTypeStyles = null;
 var withoutBackgroundStyles = null;
 var withBackgroundStyles = null;
 var truncateStyles = null;

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

@@ -193,12 +193,14 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref2) {
     case 'fallback':
     case 'errored':
     default:
-      return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
+      return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, (0, _extends2.default)({
         link: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
         testId: testIdWithStatus || 'inline-card-errored-view',
         truncateInline: truncateInline
-      });
+      }, (0, _platformFeatureFlags.fg)('navx-2565-inline-card-error-state-underline') ? {
+        viewType: 'errored'
+      } : {}));
   }
 };

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

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

package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-error-view--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1468f38bb5f4a548b6234872a842329d0292a9e5f8f02f63845e4bfb5ac03866
-size 2300
+oid sha256:ac3cb4d7414bc39e617615146ecf45fec6233b9dc4dbfc44b4159fd1b15ff064
+size 2237

package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-error-view-renders-correctly-when-hovering-over-url-in-errored-view--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:54ff0dc6712d82312ae41bb20d935420965efe758657193a42a7344546671f35
-size 2328
+oid sha256:10a91775c476b53cb155078f29f8877f33d6deced7773c24cee25290bb9c0533
+size 2205

package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-error-view-with-truncation--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4ff73e38c2b10439230bd09b7b597cc14f659ffd905d611f9eac13ef5b997513
-size 1522
+oid sha256:78f131b89db0ba674b76b3417b107aac92d0cdb05b7d29d472a50cc9d3a0bbb6
+size 1499