@atlaskit/smart-card 36.13.2 → 36.14.0

package/dist/cjs/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/cjs/view/FlexibleCard/components/elements/icon/index.js

@@ -33,35 +33,23 @@ var positionStyleMap = {
   center: "_1wpz1h6o",
   top: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1wpz1y6m"
 };
-var 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"
-};
-var 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"
-};
-var 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"
+var 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"
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants.SmartLinkSize.Medium;
   if (icon) {
-    return /*#__PURE__*/React.createElement(_atlaskitIcon.default, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(_atlaskitIcon.default, {
       icon: icon,
       testId: "".concat(testId, "-icon"),
       "aria-hidden": "true",
       label: "" // Since we already set aria-hidden="true", the label should be given an empty string
-    }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && {
+      ,
       size: size
-    }));
+    });
   }
 };
 var renderDefaultIcon = function renderDefaultIcon(label, testId) {
@@ -79,8 +67,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
     return /*#__PURE__*/React.createElement(_imageIcon.default, (0, _extends2.default)({
       defaultIcon: defaultIcon,
       testId: testId,
-      url: url
-    }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && {
+      url: url,
       width: width,
       height: width
     }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {
@@ -114,7 +101,7 @@ var Icon = function Icon(_ref) {
     appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance;
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? size : undefined, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? size : undefined) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, icon]);
   var width = (0, _utils.getIconWidth)(size);
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? {} : (0, _defineProperty2.default)({}, 'data-fit-to-content', true), {
@@ -123,13 +110,13 @@ var Icon = function Icon(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && styles.container, !(0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && iconStylesMapOld[size], positionStyleMap[position], render && !(0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && customRenderStyleMapOld[size], render && (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && customRenderStyleMapNew[size], className])
-  }), (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(_compiled.Box, {
+    className: (0, _runtime.ax)([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
+  }), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.iconWrapperStyle,
     style: {
       width: width,
       height: width
     }
-  }, element) : element);
+  }, element));
 };
 var _default = exports.default = Icon;

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

@@ -4,13 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeToButtonSpacing = exports.importIcon = exports.hasWhiteSpace = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getIconWidthOld = exports.getIconWidthNew = exports.getIconWidth = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
+exports.sizeToButtonSpacing = exports.importIcon = exports.hasWhiteSpace = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getIconWidth = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var sizeToButtonSpacing = exports.sizeToButtonSpacing = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.SmartLinkSize.Small, 'none'), _constants.SmartLinkSize.Medium, 'compact'), _constants.SmartLinkSize.Large, 'compact'), _constants.SmartLinkSize.XLarge, 'default');
 var getFormattedMessage = exports.getFormattedMessage = function getFormattedMessage(message) {
@@ -28,24 +27,7 @@ var getFormattedMessageAsString = exports.getFormattedMessageAsString = function
     context: context
   }) : '';
 };
-
-// TODO Delete when cleaning platform-smart-card-icon-migration
-var getIconWidthOld = exports.getIconWidthOld = function getIconWidthOld(size) {
-  switch (size) {
-    case _constants.SmartLinkSize.XLarge:
-      return '2rem';
-    case _constants.SmartLinkSize.Large:
-      return '1.5rem';
-    case _constants.SmartLinkSize.Medium:
-      return '1rem';
-    case _constants.SmartLinkSize.Small:
-    default:
-      return '.75rem';
-  }
-};
-
-// TODO Rename to getIconWidth when cleaning platform-smart-card-icon-migration
-var getIconWidthNew = exports.getIconWidthNew = function getIconWidthNew(size) {
+var getIconWidth = exports.getIconWidth = function getIconWidth(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
     case _constants.SmartLinkSize.Large:
@@ -56,11 +38,6 @@ var getIconWidthNew = exports.getIconWidthNew = function getIconWidthNew(size) {
       return "var(--ds-space-200, 16px)";
   }
 };
-
-// TODO Delete when cleaning platform-smart-card-icon-migration
-var getIconWidth = exports.getIconWidth = function getIconWidth(size) {
-  return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? getIconWidthNew(size) : getIconWidthOld(size);
-};
 var importIcon = exports.importIcon = function importIcon(importFn) {
   return (0, _reactLoadable.default)({
     loader: function loader() {

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

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

package/dist/es2019/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';
-const AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
 export default AngleBracketsIconWithColor;

package/dist/es2019/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';
-const AudioIconWithColor = renderIconTile(AudioIcon, 'redBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const AudioIconWithColor = renderIconTile(AudioIcon, 'redBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 AudioIconWithColor.displayName = 'AudioIconWithColor';
 export default AudioIconWithColor;

package/dist/es2019/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';
-const ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
 export default ChartBarIconWithColor;

package/dist/es2019/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';
-const FileIconWithColor = renderIconTile(FileIcon, 'grayBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const FileIconWithColor = renderIconTile(FileIcon, 'grayBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 FileIconWithColor.displayName = 'FileIconWithColor';
 export default FileIconWithColor;

package/dist/es2019/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';
-const FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
 export default FolderClosedIconWithColor;

package/dist/es2019/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';
-const ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ImageIconWithColor.displayName = 'ImageIconWithColor';
 export default ImageIconWithColor;

package/dist/es2019/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';
-const ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
 export default ListBulletedIconWithColor;

package/dist/es2019/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';
-const PageIconWithColor = renderIconTile(PageIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const PageIconWithColor = renderIconTile(PageIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 PageIconWithColor.displayName = 'PageIconWithColor';
 export default PageIconWithColor;

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

@@ -33,7 +33,9 @@ export const 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/es2019/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';
-const VideoIconWithColor = renderIconTile(VideoIcon, 'redBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const VideoIconWithColor = renderIconTile(VideoIcon, 'redBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 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: "36.13.2"
+  packageVersion: "36.14.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 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 @@ const TitleBlockResolvingView = ({
   const {
     size = SmartLinkSize.Medium
   } = blockProps;
-  const iconWidth = getIconWidthNew(size);
+  const iconWidth = getIconWidth(size);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-resolving-view`
   }), !hideIcon && /*#__PURE__*/React.createElement("span", {

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -1,102 +1,17 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Loadable from 'react-loadable';
-import DocumentIconOld from '@atlaskit/icon-file-type/glyph/document/16';
-import BlogIconOld from '@atlaskit/icon-object/glyph/blog/16';
 import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { R400 } from '@atlaskit/theme/colors';
-import BlogIconNew from '../../../../../common/ui/icons/blog-icon';
+import BlogIcon from '../../../../../common/ui/icons/blog-icon';
 import LiveDocumentIcon from '../../../../../common/ui/icons/live-document-icon';
-import DocumentIconNew from '../../../../../common/ui/icons/page-icon';
+import DocumentIcon from '../../../../../common/ui/icons/page-icon';
 import { IconType, SmartLinkSize } from '../../../../../constants';
 import { getLazyIcons, isIconSizeLarge } from '../../../../../utils';
-// prettier-ignore
-const importIconMapperOld = {
-  [IconType.Archive]: () => import( /* webpackChunkName: "glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16'),
-  [IconType.Audio]: () => import( /* webpackChunkName: "glyphAudio" */'@atlaskit/icon-file-type/glyph/audio/16'),
-  [IconType.Code]: () => import( /* webpackChunkName: "glyphCode" */'@atlaskit/icon-file-type/glyph/source-code/16'),
-  [IconType.Executable]: () => import( /* webpackChunkName: "glyphExecutable" */'@atlaskit/icon-file-type/glyph/executable/16'),
-  [IconType.File]: () => import( /* webpackChunkName: "glyphFile" */'@atlaskit/icon-file-type/glyph/generic/16'),
-  [IconType.Folder]: () => import( /* webpackChunkName: "glyphFolder" */'@atlaskit/icon-file-type/glyph/folder/16'),
-  [IconType.Generic]: () => import( /* webpackChunkName: "glyphGeneric" */'@atlaskit/icon-file-type/glyph/generic/16'),
-  [IconType.GIF]: () => import( /* webpackChunkName: "glyphGIF" */'@atlaskit/icon-file-type/glyph/gif/16'),
-  [IconType.GoogleDocs]: () => import( /* webpackChunkName: "glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/16'),
-  [IconType.GoogleForms]: () => import( /* webpackChunkName: "glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16'),
-  [IconType.GoogleSheets]: () => import( /* webpackChunkName: "glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16'),
-  [IconType.GoogleSlides]: () => import( /* webpackChunkName: "glyphGoogleSlides" */'@atlaskit/icon-file-type/glyph/google-slide/16'),
-  [IconType.Image]: () => import( /* webpackChunkName: "glyphImage" */'@atlaskit/icon-file-type/glyph/image/16'),
-  [IconType.MSExcel]: () => import( /* webpackChunkName: "glyphMSExcel" */'@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'),
-  [IconType.MSPowerpoint]: () => import( /* webpackChunkName: "glyphMSPowerpoint" */'@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'),
-  [IconType.MSWord]: () => import( /* webpackChunkName: "glyphMSWord" */'@atlaskit/icon-file-type/glyph/word-document/16'),
-  [IconType.PDF]: () => import( /* webpackChunkName: "glyphPDF" */'@atlaskit/icon-file-type/glyph/pdf-document/16'),
-  [IconType.Presentation]: () => import( /* webpackChunkName: "glyphPresentation" */'@atlaskit/icon-file-type/glyph/presentation/16'),
-  [IconType.Sketch]: () => import( /* webpackChunkName: "glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/16'),
-  [IconType.Spreadsheet]: () => import( /* webpackChunkName: "glyphSpreadsheet" */'@atlaskit/icon-file-type/glyph/spreadsheet/16'),
-  [IconType.Template]: () => import( /* webpackChunkName: "glyphTemplate" */'@atlaskit/icon/glyph/document-filled'),
-  [IconType.Video]: () => import( /* webpackChunkName: "glyphVideo" */'@atlaskit/icon-file-type/glyph/video/16'),
-  // Bitbucket icons
-  [IconType.Branch]: () => import( /* webpackChunkName: "glyphBranch" */'@atlaskit/icon-object/glyph/branch/16'),
-  [IconType.Commit]: () => import( /* webpackChunkName: "glyphCommit" */'@atlaskit/icon-object/glyph/commit/16'),
-  [IconType.Project]: () => import( /* webpackChunkName: "glyphProject" */'@atlaskit/icon/glyph/people-group'),
-  [IconType.PullRequest]: () => import( /* webpackChunkName: "glyphPullRequest" */'@atlaskit/icon-object/glyph/pull-request/16'),
-  [IconType.Repo]: () => import( /* webpackChunkName: "glyphRepo" */'@atlaskit/icon-object/glyph/code/16'),
-  // Jira icons
-  [IconType.Bug]: () => import( /* webpackChunkName: "glyphBug" */'@atlaskit/icon-object/glyph/bug/16'),
-  [IconType.Change]: () => import( /* webpackChunkName: "glyphChange" */'@atlaskit/icon-object/glyph/changes/16'),
-  [IconType.Epic]: () => import( /* webpackChunkName: "glyphEpic" */'@atlaskit/icon-object/glyph/epic/16'),
-  [IconType.Incident]: () => import( /* webpackChunkName: "glyphIncident" */'@atlaskit/icon-object/glyph/incident/16'),
-  [IconType.Problem]: () => import( /* webpackChunkName: "glyphProblem" */'@atlaskit/icon-object/glyph/problem/16'),
-  [IconType.ServiceRequest]: () => import( /* webpackChunkName: "glyphServiceRequest" */'@atlaskit/icon-object/glyph/issue/16'),
-  [IconType.Story]: () => import( /* webpackChunkName: "glyphStory" */'@atlaskit/icon-object/glyph/story/16'),
-  [IconType.SubTask]: () => import( /* webpackChunkName: "glyphSubTask" */'@atlaskit/icon-object/glyph/subtask/16'),
-  [IconType.Task]: () => import( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16'),
-  // Provider icons
-  [IconType.Confluence]: () => import( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon').then(({
-    ConfluenceIcon
-  }) => ({
-    default: ConfluenceIcon
-  })),
-  [IconType.Jira]: () => import( /* webpackChunkName: "glyphJira" */'@atlaskit/logo/jira-icon').then(({
-    JiraIcon
-  }) => ({
-    default: JiraIcon
-  })),
-  // Fallback icons
-  [IconType.Default]: () => import( /* webpackChunkName: "glyphDefault" */'@atlaskit/icon/glyph/link'),
-  [IconType.Error]: () => import( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error'),
-  [IconType.Forbidden]: () => import( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled'),
-  // Badge
-  [IconType.Attachment]: () => import( /* webpackChunkName: "glyphAttachment" */'@atlaskit/icon/glyph/attachment'),
-  [IconType.CheckItem]: () => import( /* webpackChunkName: "glyphAttachment" */'@atlaskit/icon/glyph/task'),
-  [IconType.Comment]: () => import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/comment'),
-  [IconType.View]: () => import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/watch'),
-  [IconType.React]: () => import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/like'),
-  [IconType.Vote]: () => import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/arrow-up'),
-  [IconType.PriorityBlocker]: () => import( /* webpackChunkName: "glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker'),
-  [IconType.PriorityCritical]: () => import( /* webpackChunkName: "glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'),
-  [IconType.PriorityHigh]: () => import( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high'),
-  [IconType.PriorityHighest]: () => import( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest'),
-  [IconType.PriorityLow]: () => import( /* webpackChunkName: "glyphLow" */'@atlaskit/icon-priority/glyph/priority-low'),
-  [IconType.PriorityLowest]: () => import( /* webpackChunkName: "glyphLowest" */'@atlaskit/icon-priority/glyph/priority-lowest'),
-  [IconType.PriorityMajor]: () => import( /* webpackChunkName: "glyphMajor" */'@atlaskit/icon-priority/glyph/priority-major'),
-  [IconType.PriorityMedium]: () => import( /* webpackChunkName: "glyphMedium" */'@atlaskit/icon-priority/glyph/priority-medium'),
-  [IconType.PriorityMinor]: () => import( /* webpackChunkName: "glyphMinor" */'@atlaskit/icon-priority/glyph/priority-minor'),
-  [IconType.PriorityTrivial]: () => import( /* webpackChunkName: "glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial'),
-  [IconType.PriorityUndefined]: () => import( /* webpackChunkName: "glyphUndefined" */'@atlaskit/icon/glyph/question'),
-  [IconType.ProgrammingLanguage]: () => import( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code'),
-  [IconType.Subscriber]: () => import( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people'),
-  [IconType.SubTasksProgress]: () => import( /* webpackChunkName: "glyphSubtaskProgress" */'@atlaskit/icon/glyph/subtask')
-};
 const getIconImportFn = (icon, size) => {
-  if (fg('platform-smart-card-icon-migration')) {
-    const item = getLazyIcons()[icon];
-    if (isIconSizeLarge(size) && item !== null && item !== void 0 && item.large) {
-      return item.large;
-    }
-    return item === null || item === void 0 ? void 0 : item.default;
+  const item = getLazyIcons()[icon];
+  if (isIconSizeLarge(size) && item !== null && item !== void 0 && item.large) {
+    return item.large;
   }
-  return importIconMapperOld[icon];
+  return item === null || item === void 0 ? void 0 : item.default;
 };
 const importIcon = importFn => {
   return Loadable({
@@ -110,32 +25,26 @@ const AtlaskitIcon = ({
   testId,
   size = SmartLinkSize.Medium
 }) => {
-  const DocumentIcon = fg('platform-smart-card-icon-migration') ? DocumentIconNew : DocumentIconOld;
-  const BlogIcon = fg('platform-smart-card-icon-migration') ? BlogIconNew : BlogIconOld;
-
   // Check for synchonously loaded icons first for SSR purposes
   switch (icon) {
     case IconType.Document:
-      return /*#__PURE__*/React.createElement(DocumentIcon, _extends({
+      return /*#__PURE__*/React.createElement(DocumentIcon, {
         label: label !== null && label !== void 0 ? label : 'document',
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
-        size
-      }));
+        testId: testId,
+        size: size
+      });
     case IconType.Blog:
-      return /*#__PURE__*/React.createElement(BlogIcon, _extends({
+      return /*#__PURE__*/React.createElement(BlogIcon, {
         label: label !== null && label !== void 0 ? label : 'blog',
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
-        size
-      }));
+        testId: testId,
+        size: size
+      });
     case IconType.LiveDocument:
-      return /*#__PURE__*/React.createElement(LiveDocumentIcon, _extends({
+      return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
         label: label !== null && label !== void 0 ? label : 'live-doc',
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
-        size
-      }));
+        testId: testId,
+        size: size
+      });
   }
   const importFn = getIconImportFn(icon, size);
   if (!importFn) {
@@ -144,37 +53,32 @@ const AtlaskitIcon = ({
   const ImportedIcon = importIcon(importFn);
   switch (icon) {
     case IconType.Confluence:
-      return /*#__PURE__*/React.createElement(ConfluenceIcon, _extends({
+      return /*#__PURE__*/React.createElement(ConfluenceIcon, {
         appearance: "brand",
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
-        size: size === SmartLinkSize.Large ? 'small' : 'xsmall'
-      }));
+        testId: testId,
+        size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'small' : 'xsmall'
+      });
     case IconType.Jira:
-      return /*#__PURE__*/React.createElement(JiraIcon, _extends({
+      return /*#__PURE__*/React.createElement(JiraIcon, {
         appearance: "brand",
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
-        size: size === SmartLinkSize.Large ? 'small' : 'xsmall'
-      }));
+        testId: testId,
+        size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'small' : 'xsmall'
+      });
     case IconType.Error:
     case IconType.Forbidden:
-      return /*#__PURE__*/React.createElement(ImportedIcon, _extends({
+      return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') ? {
-        size,
+        testId: testId,
+        LEGACY_size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'medium' : 'small',
         color: "var(--ds-icon-danger, #C9372C)"
-      } : {
-        primaryColor: `var(--ds-icon-danger, ${R400})`
-      }));
+      });
     default:
-      return /*#__PURE__*/React.createElement(ImportedIcon, _extends({
+      return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
-        testId: testId
-      }, fg('platform-smart-card-icon-migration') && {
-        size
-      }));
+        testId: testId,
+        LEGACY_size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'medium' : 'small',
+        size: size
+      });
   }
 };
 export default AtlaskitIcon;