@atlaskit/smart-card 34.2.0 → 34.2.2

package/dist/es2019/common/ui/icons/list-bullet-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/spreadsheet/16';
+import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
+const ListBulletedIconWithColor = props => {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "greenBold",
+    icon: ListBulletedIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
+export default ListBulletedIconWithColor;

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

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

package/dist/es2019/common/ui/icons/video-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/video/16';
+import VideoIcon from '@atlaskit/icon/core/video';
+const VideoIconWithColor = props => {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "redBold",
+    icon: VideoIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+VideoIconWithColor.displayName = 'VideoIconWithColor';
+export default VideoIconWithColor;

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

package/dist/es2019/utils/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import Loadable from 'react-loadable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { themeObjectToString } from '@atlaskit/tokens';
 export const isSpecialEvent = evt => evt.isDefaultPrevented() && (isIframe() || isSpecialKey(evt) || isSpecialClick(evt));
 export const isIframe = () => window.parent !== parent;
@@ -19,7 +20,7 @@ export const getIconForFileType = fileMimeType => {
   if (!fileMimeType) {
     return;
   }
-  let icon = typeToIcon[fileMimeType.toLowerCase()];
+  let icon = fg('platform-smart-card-icon-migration') ? getTypeToIconMap()[fileMimeType.toLowerCase()] : typeToIcon[fileMimeType.toLowerCase()];
   if (!icon) {
     return;
   }
@@ -38,7 +39,7 @@ export const getIconForFileType = fileMimeType => {
   });
 };
 export const getLabelForFileType = fileMimeType => {
-  let icon = typeToIcon[fileMimeType.toLowerCase()];
+  let icon = fg('platform-smart-card-icon-migration') ? getTypeToIconMap()[fileMimeType.toLowerCase()] : typeToIcon[fileMimeType.toLowerCase()];
   if (!icon) {
     return;
   }
@@ -98,6 +99,59 @@ const typeToIcon = {
   'application/sketch': ['Sketch', () => import('@atlaskit/icon-file-type/glyph/sketch/16')],
   folder: ['Folder', () => import('@atlaskit/icon-file-type/glyph/folder/16')]
 };
+const getTypeToIconMap = () => ({
+  'text/plain': ['Document', () => import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon')],
+  'application/vnd.oasis.opendocument.text': ['Document', () => import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon')],
+  'application/vnd.apple.pages': ['Document', () => import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon')],
+  'application/vnd.google-apps.document': ['Google Doc', () => import('@atlaskit/icon-file-type/glyph/google-doc/16')],
+  'application/msword': ['Word document', () => import('@atlaskit/icon-file-type/glyph/word-document/16')],
+  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['Word document', () => import('@atlaskit/icon-file-type/glyph/word-document/16')],
+  'application/pdf': ['PDF document', () => import('@atlaskit/icon-file-type/glyph/pdf-document/16')],
+  'application/vnd.oasis.opendocument.spreadsheet': ['Spreadsheet', () => import( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon')],
+  'application/vnd.apple.numbers': ['Spreadsheet', () => import( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon')],
+  'application/vnd.google-apps.spreadsheet': ['Google Sheet', () => import('@atlaskit/icon-file-type/glyph/google-sheet/16')],
+  'application/vnd.ms-excel': ['Excel spreadsheet', () => import('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16')],
+  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['Excel spreadsheet', () => import('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16')],
+  'application/vnd.oasis.opendocument.presentation': ['Presentation', () => import( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon')],
+  'application/vnd.apple.keynote': ['Presentation', () => import( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon')],
+  'application/vnd.google-apps.presentation': ['Google Slide', () => import('@atlaskit/icon-file-type/glyph/google-slide/16')],
+  'application/vnd.ms-powerpoint': ['PowerPoint presentation', () => import('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16')],
+  'application/vnd.openxmlformats-officedocument.presentationml.presentation': ['PowerPoint presentation', () => import('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16')],
+  'application/vnd.google-apps.form': ['Google Form', () => import('@atlaskit/icon-file-type/glyph/google-form/16')],
+  'image/png': ['Image', () => import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon')],
+  'image/jpeg': ['Image', () => import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon')],
+  'image/bmp': ['Image', () => import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon')],
+  'image/webp': ['Image', () => import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon')],
+  'image/svg+xml': ['Image', () => import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon')],
+  'image/gif': ['GIF', () => import('@atlaskit/icon-file-type/glyph/gif/16')],
+  'audio/midi': ['Audio', () => import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon')],
+  'audio/mpeg': ['Audio', () => import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon')],
+  'audio/webm': ['Audio', () => import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon')],
+  'audio/ogg': ['Audio', () => import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon')],
+  'audio/wav': ['Audio', () => import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon')],
+  'video/mp4': ['Video', () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')],
+  'video/quicktime': ['Video', () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')],
+  'video/mov': ['Video', () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')],
+  'video/webm': ['Video', () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')],
+  'video/ogg': ['Video', () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')],
+  'video/x-ms-wmv': ['Video', () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')],
+  'video/x-msvideo': ['Video', () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')],
+  'application/zip': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
+  'application/x-tar': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
+  'application/x-gtar': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
+  'application/x-7z-compressed': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
+  'application/x-apple-diskimage': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
+  'application/vnd.rar': ['Archive', () => import('@atlaskit/icon-file-type/glyph/archive/16')],
+  'application/dmg': ['Executable', () => import('@atlaskit/icon-file-type/glyph/executable/16')],
+  'text/css': ['Source Code', () => import( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon')],
+  'text/html': ['Source Code', () => import( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon')],
+  'application/javascript': ['Source Code', () => import( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon')],
+  'application/octet-stream': ['Binary file', () => import( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon')],
+  'application/invision.prototype': ['Prototype', () => import( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon')],
+  // TODO: Figure a way to detect those
+  'application/sketch': ['Sketch', () => import('@atlaskit/icon-file-type/glyph/sketch/16')],
+  folder: ['Folder', () => import( /* webpackChunkName: "@atlaskit-internal_folder-icon" */'../common/ui/icons/folder-icon')]
+});
 export const getIframeSandboxAttribute = isTrusted => {
   if (isTrusted) {
     return undefined;

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

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

@@ -22,6 +22,7 @@ const RelatedLinksList = ({
     ,
     xcss: 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'
     })
   }, jsx(FormattedMessage, title)), urls.length > 0 && jsx(Box, null, urls.map((url, idx) => jsx(Stack, {

package/dist/esm/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';
+var AngleBracketsIconWithColor = function 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/esm/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';
+var AudioIconWithColor = function 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/esm/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';
+var ChartBarIconWithColor = function 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/esm/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';
+var FileIconWithColor = function 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/esm/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';
+var FolderClosedIconWithColor = function 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/esm/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';
+var ImageIconWithColor = function 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;

package/dist/esm/common/ui/icons/list-bullet-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/spreadsheet/16';
+import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
+var ListBulletedIconWithColor = function ListBulletedIconWithColor(props) {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "greenBold",
+    icon: ListBulletedIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
+export default ListBulletedIconWithColor;

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

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import LegacyIcon from '@atlaskit/icon-file-type/glyph/document/16';
+import PageIcon from '@atlaskit/icon/core/page';
+var PageIconWithColor = function PageIconWithColor(props) {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({
+    appearance: "blueBold",
+    icon: PageIcon,
+    size: "16"
+  }, props, {
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+PageIconWithColor.displayName = 'PageIconWithColor';
+export default PageIconWithColor;

package/dist/esm/common/ui/icons/video-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/video/16';
+import VideoIcon from '@atlaskit/icon/core/video';
+var VideoIconWithColor = function VideoIconWithColor(props) {
+  return /*#__PURE__*/React.createElement(IconTile, _extends({}, props, {
+    appearance: "redBold",
+    icon: VideoIcon,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+  }));
+};
+VideoIconWithColor.displayName = 'VideoIconWithColor';
+export default VideoIconWithColor;

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

package/dist/esm/utils/index.js

@@ -3,6 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { themeObjectToString } from '@atlaskit/tokens';
 export var isSpecialEvent = function isSpecialEvent(evt) {
   return evt.isDefaultPrevented() && (isIframe() || isSpecialKey(evt) || isSpecialClick(evt));
@@ -30,7 +31,7 @@ export var getIconForFileType = function getIconForFileType(fileMimeType) {
   if (!fileMimeType) {
     return;
   }
-  var icon = typeToIcon[fileMimeType.toLowerCase()];
+  var icon = fg('platform-smart-card-icon-migration') ? getTypeToIconMap()[fileMimeType.toLowerCase()] : typeToIcon[fileMimeType.toLowerCase()];
   if (!icon) {
     return;
   }
@@ -57,7 +58,7 @@ export var getIconForFileType = function getIconForFileType(fileMimeType) {
   });
 };
 export var getLabelForFileType = function getLabelForFileType(fileMimeType) {
-  var icon = typeToIcon[fileMimeType.toLowerCase()];
+  var icon = fg('platform-smart-card-icon-migration') ? getTypeToIconMap()[fileMimeType.toLowerCase()] : typeToIcon[fileMimeType.toLowerCase()];
   if (!icon) {
     return;
   }
@@ -218,6 +219,161 @@ var typeToIcon = {
     return import('@atlaskit/icon-file-type/glyph/folder/16');
   }]
 };
+var getTypeToIconMap = function getTypeToIconMap() {
+  return {
+    'text/plain': ['Document', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon');
+    }],
+    'application/vnd.oasis.opendocument.text': ['Document', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon');
+    }],
+    'application/vnd.apple.pages': ['Document', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon');
+    }],
+    'application/vnd.google-apps.document': ['Google Doc', function () {
+      return import('@atlaskit/icon-file-type/glyph/google-doc/16');
+    }],
+    'application/msword': ['Word document', function () {
+      return import('@atlaskit/icon-file-type/glyph/word-document/16');
+    }],
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['Word document', function () {
+      return import('@atlaskit/icon-file-type/glyph/word-document/16');
+    }],
+    'application/pdf': ['PDF document', function () {
+      return import('@atlaskit/icon-file-type/glyph/pdf-document/16');
+    }],
+    'application/vnd.oasis.opendocument.spreadsheet': ['Spreadsheet', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon');
+    }],
+    'application/vnd.apple.numbers': ['Spreadsheet', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon');
+    }],
+    'application/vnd.google-apps.spreadsheet': ['Google Sheet', function () {
+      return import('@atlaskit/icon-file-type/glyph/google-sheet/16');
+    }],
+    'application/vnd.ms-excel': ['Excel spreadsheet', function () {
+      return import('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16');
+    }],
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['Excel spreadsheet', function () {
+      return import('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16');
+    }],
+    'application/vnd.oasis.opendocument.presentation': ['Presentation', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon');
+    }],
+    'application/vnd.apple.keynote': ['Presentation', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon');
+    }],
+    'application/vnd.google-apps.presentation': ['Google Slide', function () {
+      return import('@atlaskit/icon-file-type/glyph/google-slide/16');
+    }],
+    'application/vnd.ms-powerpoint': ['PowerPoint presentation', function () {
+      return import('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16');
+    }],
+    'application/vnd.openxmlformats-officedocument.presentationml.presentation': ['PowerPoint presentation', function () {
+      return import('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16');
+    }],
+    'application/vnd.google-apps.form': ['Google Form', function () {
+      return import('@atlaskit/icon-file-type/glyph/google-form/16');
+    }],
+    'image/png': ['Image', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon');
+    }],
+    'image/jpeg': ['Image', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon');
+    }],
+    'image/bmp': ['Image', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon');
+    }],
+    'image/webp': ['Image', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon');
+    }],
+    'image/svg+xml': ['Image', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon');
+    }],
+    'image/gif': ['GIF', function () {
+      return import('@atlaskit/icon-file-type/glyph/gif/16');
+    }],
+    'audio/midi': ['Audio', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon');
+    }],
+    'audio/mpeg': ['Audio', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon');
+    }],
+    'audio/webm': ['Audio', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon');
+    }],
+    'audio/ogg': ['Audio', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon');
+    }],
+    'audio/wav': ['Audio', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon');
+    }],
+    'video/mp4': ['Video', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
+    }],
+    'video/quicktime': ['Video', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
+    }],
+    'video/mov': ['Video', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
+    }],
+    'video/webm': ['Video', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
+    }],
+    'video/ogg': ['Video', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
+    }],
+    'video/x-ms-wmv': ['Video', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
+    }],
+    'video/x-msvideo': ['Video', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
+    }],
+    'application/zip': ['Archive', function () {
+      return import('@atlaskit/icon-file-type/glyph/archive/16');
+    }],
+    'application/x-tar': ['Archive', function () {
+      return import('@atlaskit/icon-file-type/glyph/archive/16');
+    }],
+    'application/x-gtar': ['Archive', function () {
+      return import('@atlaskit/icon-file-type/glyph/archive/16');
+    }],
+    'application/x-7z-compressed': ['Archive', function () {
+      return import('@atlaskit/icon-file-type/glyph/archive/16');
+    }],
+    'application/x-apple-diskimage': ['Archive', function () {
+      return import('@atlaskit/icon-file-type/glyph/archive/16');
+    }],
+    'application/vnd.rar': ['Archive', function () {
+      return import('@atlaskit/icon-file-type/glyph/archive/16');
+    }],
+    'application/dmg': ['Executable', function () {
+      return import('@atlaskit/icon-file-type/glyph/executable/16');
+    }],
+    'text/css': ['Source Code', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon');
+    }],
+    'text/html': ['Source Code', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon');
+    }],
+    'application/javascript': ['Source Code', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon');
+    }],
+    'application/octet-stream': ['Binary file', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon');
+    }],
+    'application/invision.prototype': ['Prototype', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon');
+    }],
+    // TODO: Figure a way to detect those
+    'application/sketch': ['Sketch', function () {
+      return import('@atlaskit/icon-file-type/glyph/sketch/16');
+    }],
+    folder: ['Folder', function () {
+      return import( /* webpackChunkName: "@atlaskit-internal_folder-icon" */'../common/ui/icons/folder-icon');
+    }]
+  };
+};
 export var getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
   if (isTrusted) {
     return undefined;

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

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

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

@@ -21,6 +21,7 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
     ,
     xcss: 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'
     })
   }, jsx(FormattedMessage, title)), urls.length > 0 && jsx(Box, null, urls.map(function (url, idx) {

package/dist/types/common/ui/icons/angle-brackets-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
+declare const AngleBracketsIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof AngleBracketsIcon>): JSX.Element;
+    displayName: string;
+};
+export default AngleBracketsIconWithColor;

package/dist/types/common/ui/icons/audio-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import AudioIcon from '@atlaskit/icon/core/audio';
+declare const AudioIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof AudioIcon>): JSX.Element;
+    displayName: string;
+};
+export default AudioIconWithColor;

package/dist/types/common/ui/icons/chart-bar-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import ChartBarIcon from '@atlaskit/icon/core/chart-bar';
+declare const ChartBarIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof ChartBarIcon>): JSX.Element;
+    displayName: string;
+};
+export default ChartBarIconWithColor;

package/dist/types/common/ui/icons/file-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import FileIcon from '@atlaskit/icon/core/file';
+declare const FileIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof FileIcon>): JSX.Element;
+    displayName: string;
+};
+export default FileIconWithColor;

package/dist/types/common/ui/icons/folder-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import FolderClosedIcon from '@atlaskit/icon/core/folder-closed';
+declare const FolderClosedIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof FolderClosedIcon>): JSX.Element;
+    displayName: string;
+};
+export default FolderClosedIconWithColor;

package/dist/types/common/ui/icons/image-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import ImageIcon from '@atlaskit/icon/core/image';
+declare const ImageIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof ImageIcon>): JSX.Element;
+    displayName: string;
+};
+export default ImageIconWithColor;

package/dist/types/common/ui/icons/list-bullet-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
+declare const ListBulletedIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof ListBulletedIcon>): JSX.Element;
+    displayName: string;
+};
+export default ListBulletedIconWithColor;

package/dist/types/common/ui/icons/page-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import PageIcon from '@atlaskit/icon/core/page';
+declare const PageIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof PageIcon>): JSX.Element;
+    displayName: string;
+};
+export default PageIconWithColor;

package/dist/types/common/ui/icons/video-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import VideoIcon from '@atlaskit/icon/core/video';
+declare const VideoIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof VideoIcon>): JSX.Element;
+    displayName: string;
+};
+export default VideoIconWithColor;

package/dist/types-ts4.5/common/ui/icons/angle-brackets-icon.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
+declare const AngleBracketsIconWithColor: {
+    (props: ComponentPropsWithoutRef<typeof AngleBracketsIcon>): JSX.Element;
+    displayName: string;
+};
+export default AngleBracketsIconWithColor;