@atlaskit/smart-card 36.13.1 → 36.14.0

package/dist/es2019/view/FlexibleCard/components/elements/icon/index.compiled.css

@@ -1,18 +1,9 @@
 ._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8nf1z{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._16jlidpf{flex-grow:0}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
-._19l31j6v img, ._1pr21j6v span, ._1u5t1j6v svg{max-height:1rem}
-._19l31k8s img, ._1pr21k8s span, ._1u5t1k8s svg{max-height:1.5rem}
-._19l3oqnp img, ._1pr2oqnp span, ._1u5toqnp svg{max-height:.75rem}
-._19l3viql img, ._1pr2viql span, ._1u5tviql svg{max-height:2rem}
 ._19pkidpf{margin-top:0}
 ._1bah1h6o{justify-content:center}
-._1bsb1j6v{width:1rem}
-._1bsb1k8s{width:1.5rem}
-._1bsboqnp{width:.75rem}
-._1bsbviql{width:2rem}
 ._1btozryt{text-overflow:clip}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
@@ -20,74 +11,22 @@
 ._1kdcidpf span{margin-right:0}
 ._1m2uidpf span{padding-bottom:0}
 ._1nmz1hna{word-break:break-word}
-._1o9zidpf{flex-shrink:0}
 ._1oh2idpf span{padding-top:0}
 ._1reo15vq{overflow-x:hidden}
-._1rg21j6v img, ._q7cv1j6v span, ._xwbj1j6v svg{min-width:1rem}
-._1rg21k8s img, ._q7cv1k8s span, ._xwbj1k8s svg{min-width:1.5rem}
-._1rg2oqnp img, ._q7cvoqnp span, ._xwbjoqnp svg{min-width:.75rem}
-._1rg2viql img, ._q7cvviql span, ._xwbjviql svg{min-width:2rem}
-._1tke1j6v{min-height:1rem}
-._1tke1k8s{min-height:1.5rem}
-._1tkeoqnp{min-height:.75rem}
-._1tkeviql{min-height:2rem}
-._1ul91j6v{min-width:1rem}
-._1ul91k8s{min-width:1.5rem}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._1ul9oqnp{min-width:.75rem}
-._1ul9viql{min-width:2rem}
 ._1w2uidpf span{margin-left:0}
 ._1wpz1h6o{align-self:center}
 ._1wpz1y6m{align-self:flex-start}
-._1wyb1j6v{font-size:1rem}
-._1wyb1k8s{font-size:1.5rem}
-._1wyboqnp{font-size:.75rem}
-._1wybviql{font-size:2rem}
+._1xjx1osq span{height:100%}
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._2hwxidpf{margin-right:0}
 ._3glyidpf span{margin-bottom:0}
 ._4cvr1h6o{align-items:center}
-._4t3i1j6v{height:1rem}
-._4t3i1k8s{height:1.5rem}
-._4t3ioqnp{height:.75rem}
-._4t3iviql{height:2rem}
-._5jw9idpf svg{padding-bottom:0}
-._7wy9idpf svg{padding-left:0}
 ._99ztidpf span{padding-right:0}
 ._9n9oidpf span{padding-left:0}
-._bna71j6v img, ._1xjx1j6v span, ._17521j6v svg{height:1rem}
-._bna71k8s img, ._1xjx1k8s span, ._17521k8s svg{height:1.5rem}
-._bna7oqnp img, ._1xjxoqnp span, ._1752oqnp svg{height:.75rem}
-._bna7viql img, ._1xjxviql span, ._1752viql svg{height:2rem}
-._c71l1j6v{max-height:1rem}
-._c71l1k8s{max-height:1.5rem}
-._c71loqnp{max-height:.75rem}
-._c71lviql{max-height:2rem}
+._e2oo1osq span{width:100%}
 ._e4km1q9y span{vertical-align:baseline}
-._i0dl1wug{flex-basis:auto}
-._i2i3idpf svg{padding-top:0}
-._mezj1j6v img, ._e2oo1j6v span, ._w8l51j6v svg{width:1rem}
-._mezj1k8s img, ._e2oo1k8s span, ._w8l51k8s svg{width:1.5rem}
-._mezjoqnp img, ._e2oooqnp span, ._w8l5oqnp svg{width:.75rem}
-._mezjviql img, ._e2ooviql span, ._w8l5viql svg{width:2rem}
 ._otyridpf{margin-bottom:0}
-._p12f1j6v{max-width:1rem}
-._p12f1k8s{max-width:1.5rem}
-._p12foqnp{max-width:.75rem}
-._p12fviql{max-width:2rem}
-._qci81j6v img, ._15iz1j6v span, ._erub1j6v svg{min-height:1rem}
-._qci81k8s img, ._15iz1k8s span, ._erub1k8s svg{min-height:1.5rem}
-._qci8oqnp img, ._15izoqnp span, ._eruboqnp svg{min-height:.75rem}
-._qci8viql img, ._15izviql span, ._erubviql svg{min-height:2rem}
-._rtys1j6v img, ._b8nk1j6v span, ._4x201j6v svg{max-width:1rem}
-._rtys1k8s img, ._b8nk1k8s span, ._4x201k8s svg{max-width:1.5rem}
-._rtysoqnp img, ._b8nkoqnp span, ._4x20oqnp svg{max-width:.75rem}
-._rtysviql img, ._b8nkviql span, ._4x20viql svg{max-width:2rem}
 ._sudpn7od{-webkit-box-orient:unset}
-._uhasidpf svg{padding-right:0}
-._vwz41j6v{line-height:1rem}
-._vwz41k8s{line-height:1.5rem}
-._vwz4oqnp{line-height:.75rem}
-._vwz4viql{line-height:2rem}
 ._y3gn1h6o{text-align:center}
-@supports not (-webkit-line-clamp:1){._102k1j6v{max-height:1rem}._102k1k8s{max-height:1.5rem}._102koqnp{max-height:.75rem}._102kptym{max-height:calc(var(--ds-space-200, 1pc)*1)}._102kviql{max-height:2rem}._102kz42d{max-height:calc(var(--ds-space-300, 24px)*1)}}
+@supports not (-webkit-line-clamp:1){._102kptym{max-height:calc(var(--ds-space-200, 1pc)*1)}._102kz42d{max-height:calc(var(--ds-space-300, 24px)*1)}}

package/dist/es2019/view/FlexibleCard/components/elements/icon/index.js

@@ -23,34 +23,22 @@ const positionStyleMap = {
   center: "_1wpz1h6o",
   top: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1wpz1y6m"
 };
-const iconStylesMapOld = {
-  xlarge: "_16jlidpf _1o9zidpf _i0dl1wug _4t3iviql _1tkeviql _c71lviql _1bsbviql _1ul9viql _p12fviql _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7viql _1xjxviql _1752viql _qci8viql _15izviql _erubviql _19l3viql _1pr2viql _1u5tviql _mezjviql _e2ooviql _w8l5viql _1rg2viql _q7cvviql _xwbjviql _rtysviql _b8nkviql _4x20viql",
-  large: "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1k8s _1tke1k8s _c71l1k8s _1bsb1k8s _1ul91k8s _p12f1k8s _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71k8s _1xjx1k8s _17521k8s _qci81k8s _15iz1k8s _erub1k8s _19l31k8s _1pr21k8s _1u5t1k8s _mezj1k8s _e2oo1k8s _w8l51k8s _1rg21k8s _q7cv1k8s _xwbj1k8s _rtys1k8s _b8nk1k8s _4x201k8s",
-  medium: "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
-  small: "_16jlidpf _1o9zidpf _i0dl1wug _4t3ioqnp _1tkeoqnp _c71loqnp _1bsboqnp _1ul9oqnp _p12foqnp _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7oqnp _1xjxoqnp _1752oqnp _qci8oqnp _15izoqnp _eruboqnp _19l3oqnp _1pr2oqnp _1u5toqnp _mezjoqnp _e2oooqnp _w8l5oqnp _1rg2oqnp _q7cvoqnp _xwbjoqnp _rtysoqnp _b8nkoqnp _4x20oqnp"
-};
-const customRenderStyleMapOld = {
-  xlarge: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz4viql _1wybviql _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kviql",
-  large: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz41k8s _1wyb1k8s _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102k1k8s",
-  medium: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz41j6v _1wyb1j6v _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102k1j6v",
-  small: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz4oqnp _1wyboqnp _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102koqnp"
-};
-const customRenderStyleMapNew = {
-  xlarge: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kz42d",
-  large: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kz42d",
-  medium: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kptym",
-  small: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kptym"
+const customRenderStyleMap = {
+  xlarge: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
+  large: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
+  medium: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym",
+  small: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym"
 };
 const renderAtlaskitIcon = (icon, testId, size = SmartLinkSize.Medium) => {
   if (icon) {
-    return /*#__PURE__*/React.createElement(AtlaskitIcon, _extends({
+    return /*#__PURE__*/React.createElement(AtlaskitIcon, {
       icon: icon,
       testId: `${testId}-icon`,
       "aria-hidden": "true",
       label: "" // Since we already set aria-hidden="true", the label should be given an empty string
-    }, fg('platform-smart-card-icon-migration') && {
-      size
-    }));
+      ,
+      size: size
+    });
   }
 };
 const renderDefaultIcon = (label, testId) => /*#__PURE__*/React.createElement(LinkIcon, {
@@ -64,9 +52,8 @@ const renderImageIcon = (defaultIcon, url, testId, size = SmartLinkSize.Medium,
     return /*#__PURE__*/React.createElement(ImageIcon, _extends({
       defaultIcon: defaultIcon,
       testId: testId,
-      url: url
-    }, fg('platform-smart-card-icon-migration') && {
-      width,
+      url: url,
+      width: width,
       height: width
     }, fg('platform-linking-visual-refresh-v2') && {
       appearance
@@ -95,7 +82,7 @@ const Icon = ({
 }) => {
   const element = useMemo(() => {
     const defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, fg('platform-smart-card-icon-migration') ? size : undefined, fg('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, fg('platform-smart-card-icon-migration') ? size : undefined) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, fg('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, icon]);
   const width = getIconWidth(size);
   return /*#__PURE__*/React.createElement("div", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
@@ -106,13 +93,13 @@ const Icon = ({
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([fg('platform-linking-visual-refresh-v1') && styles.container, !fg('platform-smart-card-icon-migration') && iconStylesMapOld[size], positionStyleMap[position], render && !fg('platform-smart-card-icon-migration') && customRenderStyleMapOld[size], render && fg('platform-smart-card-icon-migration') && customRenderStyleMapNew[size], className])
-  }), fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
+    className: ax([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
+  }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapperStyle,
     style: {
       width,
       height: width
     }
-  }, element) : element);
+  }, element));
 };
 export default Icon;

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Loadable from 'react-loadable';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../../constants';
 export const sizeToButtonSpacing = {
   [SmartLinkSize.Small]: 'none',
@@ -29,24 +28,7 @@ export const getFormattedMessageAsString = (intl, message, context) => {
     context
   }) : '';
 };
-
-// TODO Delete when cleaning platform-smart-card-icon-migration
-export const getIconWidthOld = size => {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return '2rem';
-    case SmartLinkSize.Large:
-      return '1.5rem';
-    case SmartLinkSize.Medium:
-      return '1rem';
-    case SmartLinkSize.Small:
-    default:
-      return '.75rem';
-  }
-};
-
-// TODO Rename to getIconWidth when cleaning platform-smart-card-icon-migration
-export const getIconWidthNew = size => {
+export const getIconWidth = size => {
   switch (size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:
@@ -57,11 +39,6 @@ export const getIconWidthNew = size => {
       return "var(--ds-space-200, 16px)";
   }
 };
-
-// TODO Delete when cleaning platform-smart-card-icon-migration
-export const getIconWidth = size => {
-  return fg('platform-smart-card-icon-migration') ? getIconWidthNew(size) : getIconWidthOld(size);
-};
 export const importIcon = importFn => {
   return Loadable({
     loader: () => importFn().then(module => module.default),

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

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

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/source-code/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/source-code/24';
 import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
-import { renderIconTile } from './utils';
-var AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
 export default AngleBracketsIconWithColor;

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/audio/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/audio/24';
 import AudioIcon from '@atlaskit/icon/core/audio';
-import { renderIconTile } from './utils';
-var AudioIconWithColor = renderIconTile(AudioIcon, 'redBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var AudioIconWithColor = renderIconTile(AudioIcon, 'redBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 AudioIconWithColor.displayName = 'AudioIconWithColor';
 export default AudioIconWithColor;

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/presentation/24';
 import ChartBarIcon from '@atlaskit/icon/core/chart-bar';
-import { renderIconTile } from './utils';
-var ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
 export default ChartBarIconWithColor;

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/generic/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/generic/24';
 import FileIcon from '@atlaskit/icon/core/file';
-import { renderIconTile } from './utils';
-var FileIconWithColor = renderIconTile(FileIcon, 'grayBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var FileIconWithColor = renderIconTile(FileIcon, 'grayBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 FileIconWithColor.displayName = 'FileIconWithColor';
 export default FileIconWithColor;

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/folder/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/folder/24';
 import FolderClosedIcon from '@atlaskit/icon/core/folder-closed';
-import { renderIconTile } from './utils';
-var FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
 export default FolderClosedIconWithColor;

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/image/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/image/24';
 import ImageIcon from '@atlaskit/icon/core/image';
-import { renderIconTile } from './utils';
-var ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ImageIconWithColor.displayName = 'ImageIconWithColor';
 export default ImageIconWithColor;

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/spreadsheet/24';
 import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
-import { renderIconTile } from './utils';
-var ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
 export default ListBulletedIconWithColor;

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/document/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/document/24';
 import PageIcon from '@atlaskit/icon/core/page';
-import { renderIconTile } from './utils';
-var PageIconWithColor = renderIconTile(PageIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var PageIconWithColor = renderIconTile(PageIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 PageIconWithColor.displayName = 'PageIconWithColor';
 export default PageIconWithColor;

package/dist/esm/common/ui/icons/utils.js

@@ -34,7 +34,9 @@ export var renderIconTile = function renderIconTile(Icon, appearance, LegacyIcon
       icon: Icon,
       size: transformSmartLinkSizeToIconTileSize(size)
     }, props, {
-      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, props)
+      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, _extends({}, props, {
+        size: size
+      }))
     }));
   };
 };

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

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/video/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/video/24';
 import VideoIcon from '@atlaskit/icon/core/video';
-import { renderIconTile } from './utils';
-var VideoIconWithColor = renderIconTile(VideoIcon, 'redBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+var VideoIconWithColor = renderIconTile(VideoIcon, 'redBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 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: "36.13.1"
+  packageVersion: "36.14.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -5,7 +5,7 @@ var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
 import React from 'react';
 import { SmartLinkSize } from '../../../../../../constants';
 import { LoadingSkeleton } from '../../../common/loading-skeleton';
-import { getIconWidthNew } from '../../../utils';
+import { getIconWidth } from '../../../utils';
 import Block from '../../block';
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
@@ -21,7 +21,7 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
-  var iconWidth = getIconWidthNew(size);
+  var iconWidth = getIconWidth(size);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
   }), !hideIcon && /*#__PURE__*/React.createElement("span", {