@atlaskit/smart-card 34.2.0 → 34.2.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 34.2.2
+
+### Patch Changes
+
+- [#102176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102176)
+  [`efb0c67fbb1f6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/efb0c67fbb1f6) -
+  [ux] Update inline card lazy icons
+- Updated dependencies
+
+## 34.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 34.2.0
 
 ### Minor Changes

package/dist/cjs/common/ui/icons/angle-brackets-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/source-code/16"));
+var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
+var AngleBracketsIconWithColor = function AngleBracketsIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "blueBold",
+    icon: _angleBrackets.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
+var _default = exports.default = AngleBracketsIconWithColor;

package/dist/cjs/common/ui/icons/audio-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/audio/16"));
+var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
+var AudioIconWithColor = function AudioIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "redBold",
+    icon: _audio.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+AudioIconWithColor.displayName = 'AudioIconWithColor';
+var _default = exports.default = AudioIconWithColor;

package/dist/cjs/common/ui/icons/chart-bar-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/16"));
+var _chartBar = _interopRequireDefault(require("@atlaskit/icon/core/chart-bar"));
+var ChartBarIconWithColor = function ChartBarIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "purpleBold",
+    icon: _chartBar.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
+var _default = exports.default = ChartBarIconWithColor;

package/dist/cjs/common/ui/icons/file-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
+var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
+var FileIconWithColor = function FileIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "grayBold",
+    icon: _file.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+FileIconWithColor.displayName = 'FileIconWithColor';
+var _default = exports.default = FileIconWithColor;

package/dist/cjs/common/ui/icons/folder-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/folder/16"));
+var _folderClosed = _interopRequireDefault(require("@atlaskit/icon/core/folder-closed"));
+var FolderClosedIconWithColor = function FolderClosedIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "blueBold",
+    icon: _folderClosed.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
+var _default = exports.default = FolderClosedIconWithColor;

package/dist/cjs/common/ui/icons/image-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/image/16"));
+var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
+var ImageIconWithColor = function ImageIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "yellowBold",
+    icon: _image.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+ImageIconWithColor.displayName = 'ImageIconWithColor';
+var _default = exports.default = ImageIconWithColor;

package/dist/cjs/common/ui/icons/list-bullet-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
+var _listBulleted = _interopRequireDefault(require("@atlaskit/icon/core/list-bulleted"));
+var ListBulletedIconWithColor = function ListBulletedIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "greenBold",
+    icon: _listBulleted.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
+var _default = exports.default = ListBulletedIconWithColor;

package/dist/cjs/common/ui/icons/page-icon.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/16"));
+var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
+var PageIconWithColor = function PageIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({
+    appearance: "blueBold",
+    icon: _page.default,
+    size: "16"
+  }, props, {
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+PageIconWithColor.displayName = 'PageIconWithColor';
+var _default = exports.default = PageIconWithColor;

package/dist/cjs/common/ui/icons/video-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/video/16"));
+var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
+var VideoIconWithColor = function VideoIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "redBold",
+    icon: _video.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+VideoIconWithColor.displayName = 'VideoIconWithColor';
+var _default = exports.default = VideoIconWithColor;

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

package/dist/cjs/utils/index.js

@@ -11,6 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokens = require("@atlaskit/tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -40,7 +41,7 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
   if (!fileMimeType) {
     return;
   }
-  var icon = typeToIcon[fileMimeType.toLowerCase()];
+  var icon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? getTypeToIconMap()[fileMimeType.toLowerCase()] : typeToIcon[fileMimeType.toLowerCase()];
   if (!icon) {
     return;
   }
@@ -67,7 +68,7 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
   });
 };
 var getLabelForFileType = exports.getLabelForFileType = function getLabelForFileType(fileMimeType) {
-  var icon = typeToIcon[fileMimeType.toLowerCase()];
+  var icon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? getTypeToIconMap()[fileMimeType.toLowerCase()] : typeToIcon[fileMimeType.toLowerCase()];
   if (!icon) {
     return;
   }
@@ -328,6 +329,261 @@ var typeToIcon = {
     });
   }]
 };
+var getTypeToIconMap = function getTypeToIconMap() {
+  return {
+    'text/plain': ['Document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
+      });
+    }],
+    'application/vnd.oasis.opendocument.text': ['Document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
+      });
+    }],
+    'application/vnd.apple.pages': ['Document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
+      });
+    }],
+    'application/vnd.google-apps.document': ['Google Doc', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-doc/16'));
+      });
+    }],
+    'application/msword': ['Word document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/word-document/16'));
+      });
+    }],
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['Word document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/word-document/16'));
+      });
+    }],
+    'application/pdf': ['PDF document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/pdf-document/16'));
+      });
+    }],
+    'application/vnd.oasis.opendocument.spreadsheet': ['Spreadsheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon'));
+      });
+    }],
+    'application/vnd.apple.numbers': ['Spreadsheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon'));
+      });
+    }],
+    'application/vnd.google-apps.spreadsheet': ['Google Sheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-sheet/16'));
+      });
+    }],
+    'application/vnd.ms-excel': ['Excel spreadsheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'));
+      });
+    }],
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['Excel spreadsheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'));
+      });
+    }],
+    'application/vnd.oasis.opendocument.presentation': ['Presentation', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon'));
+      });
+    }],
+    'application/vnd.apple.keynote': ['Presentation', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon'));
+      });
+    }],
+    'application/vnd.google-apps.presentation': ['Google Slide', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-slide/16'));
+      });
+    }],
+    'application/vnd.ms-powerpoint': ['PowerPoint presentation', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'));
+      });
+    }],
+    'application/vnd.openxmlformats-officedocument.presentationml.presentation': ['PowerPoint presentation', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'));
+      });
+    }],
+    'application/vnd.google-apps.form': ['Google Form', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-form/16'));
+      });
+    }],
+    'image/png': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/jpeg': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/bmp': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/webp': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/svg+xml': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/gif': ['GIF', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/gif/16'));
+      });
+    }],
+    'audio/midi': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'audio/mpeg': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'audio/webm': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'audio/ogg': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'audio/wav': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'video/mp4': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/quicktime': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/mov': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/webm': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/ogg': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/x-ms-wmv': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/x-msvideo': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'application/zip': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/x-tar': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/x-gtar': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/x-7z-compressed': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/x-apple-diskimage': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/vnd.rar': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/dmg': ['Executable', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/executable/16'));
+      });
+    }],
+    'text/css': ['Source Code', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon'));
+      });
+    }],
+    'text/html': ['Source Code', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon'));
+      });
+    }],
+    'application/javascript': ['Source Code', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon'));
+      });
+    }],
+    'application/octet-stream': ['Binary file', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon'));
+      });
+    }],
+    'application/invision.prototype': ['Prototype', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon'));
+      });
+    }],
+    // TODO: Figure a way to detect those
+    'application/sketch': ['Sketch', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/sketch/16'));
+      });
+    }],
+    folder: ['Folder', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_folder-icon" */'../common/ui/icons/folder-icon'));
+      });
+    }]
+  };
+};
 var getIframeSandboxAttribute = exports.getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
   if (isTrusted) {
     return undefined;

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: "34.2.0",
+  packageVersion: "34.2.2",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/RelatedLinksModal/components/related-links-list/index.js

@@ -29,6 +29,7 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
     ,
     xcss: (0, _primitives.xcss)({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       textTransform: 'uppercase'
     })
   }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, title)), urls.length > 0 && (0, _react.jsx)(_primitives.Box, null, urls.map(function (url, idx) {

package/dist/es2019/common/ui/icons/angle-brackets-icon.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import LegacyIcon from '@atlaskit/icon-file-type/glyph/source-code/16';
+import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
+const AngleBracketsIconWithColor = props => {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "blueBold",
+    icon: AngleBracketsIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
+export default AngleBracketsIconWithColor;

package/dist/es2019/common/ui/icons/audio-icon.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import LegacyIcon from '@atlaskit/icon-file-type/glyph/audio/16';
+import AudioIcon from '@atlaskit/icon/core/audio';
+const AudioIconWithColor = props => {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "redBold",
+    icon: AudioIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+AudioIconWithColor.displayName = 'AudioIconWithColor';
+export default AudioIconWithColor;

package/dist/es2019/common/ui/icons/chart-bar-icon.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import LegacyIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
+import ChartBarIcon from '@atlaskit/icon/core/chart-bar';
+const ChartBarIconWithColor = props => {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "purpleBold",
+    icon: ChartBarIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
+export default ChartBarIconWithColor;

package/dist/es2019/common/ui/icons/file-icon.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import LegacyIcon from '@atlaskit/icon-file-type/glyph/generic/16';
+import FileIcon from '@atlaskit/icon/core/file';
+const FileIconWithColor = props => {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "grayBold",
+    icon: FileIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+FileIconWithColor.displayName = 'FileIconWithColor';
+export default FileIconWithColor;

package/dist/es2019/common/ui/icons/folder-icon.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import LegacyIcon from '@atlaskit/icon-file-type/glyph/folder/16';
+import FolderClosedIcon from '@atlaskit/icon/core/folder-closed';
+const FolderClosedIconWithColor = props => {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "blueBold",
+    icon: FolderClosedIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
+export default FolderClosedIconWithColor;

package/dist/es2019/common/ui/icons/image-icon.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import LegacyIcon from '@atlaskit/icon-file-type/glyph/image/16';
+import ImageIcon from '@atlaskit/icon/core/image';
+const ImageIconWithColor = props => {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "yellowBold",
+    icon: ImageIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+ImageIconWithColor.displayName = 'ImageIconWithColor';
+export default ImageIconWithColor;