@atlaskit/smart-card 45.13.4 → 45.14.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 45.14.0
+
+### Minor Changes
+
+- [`85087b263ce43`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85087b263ce43) -
+  Migrate react-dom render/unmountComponentAtNode to the React 18/19 createRoot API behind the
+  nike_r19_render_unmount feature gate. The legacy react-dom path is preserved on the gate-off
+  branch for rollback.
+
+## 45.13.5
+
+### Patch Changes
+
+- [`cc4252a358bcf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cc4252a358bcf) -
+  [ux] Migrate priority icon to use @atlaskit/icon/core
+- Updated dependencies
+
 ## 45.13.4
 
 ### Patch Changes

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-metadata--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:36c6f82d88c72627e3d0b906cf620aee888fdf10ef7d314573f5548050f26811
-size 153745
+oid sha256:ff920567e7c479cb4b392387a65d13782dbd2d0ba8f5c2e151468ff763b05745
+size 155671

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-composition--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:90c6f31c26a75bed4a49dd870901bde3bf5d97cefc62512dd94fce0ba706e64f
-size 103834
+oid sha256:c291fcaaf70a8fe7fb591f81b8cb847f9fed6a41bff8b68b4fc3537858c63327
+size 103954

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-blocker--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d7f62a7a15b917ba7160429e5b90b36cba44ac0db64924b8d60e5db5774014a3
-size 776
+oid sha256:b1f967736efa7f07f65cde83bfd59c6034e1f7f7271eeadcce4eddd72abae460
+size 909

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-critical--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:878d5fda5dc549b36bff523929b586218d98bfb484a37ffe52483b08df6b5f29
-size 638
+oid sha256:8afc83fc97fe9a18ae1e22b07b5740802daa92c3c5c3d0afcf92a047acd466d0
+size 693

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-high--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8dc766b0223ae1b3c38c7373903a71eba020696337c591df3f0b81dcd60b7b6b
-size 628
+oid sha256:eb628b90b7507b2d8dd0a9fa25bb38ddbfe3ed139ab745ecfe5d3b7baf8c2ee8
+size 578

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-highest--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e1b64bcb54bd1238fb0758384ad24cb4adabf59c868468b5f8d308d3498d7d75
-size 833
+oid sha256:e13590c476875e065a8e5a4107da0ec08f57906f4f50d933180baeed8de41485
+size 735

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-low--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1b8b84b605769cb706aa74264a49c3ca30f8a6def7f7a75834258d65c2a06d82
-size 618
+oid sha256:13a75abc78d4f38d5000684f61edf516e53e8ab1553af7a6a02b8423cf86acb4
+size 538

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-lowest--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:359e946bc74f48c8dda578d2702b2da0330a55830ccc3e67ffac227dbb4e478e
-size 834
+oid sha256:5d01a73fff315767f18623a554df194bf7ff52652df8c02a9dc615b4ad3c2245
+size 718

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-major--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1ab74d3223550aed5febd01575576ab5b722530ee1307d94f1e12f99080c27f5
-size 1031
+oid sha256:d4945d7a7f3a66a0e55692d2e13220913ea15a7cefb5ecdcd36ed78d616aae53
+size 898

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-medium--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6674f922c1e484df0ea2b0d4ceabfb5bec5ba1e5019746d342ef3e2d00e036e8
-size 396
+oid sha256:4661af0db6c199053587fa1fdea292a078d09c14bfa11c75898409799b47f124
+size 391

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-minor--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8bc1a13b57a0546b0a029b40f44eda530892f78a7085978f07e6a6f3daee70d0
-size 1043
+oid sha256:8d038fc0b7e46d84dbc71ca95a76438ab2bfb836d7e603651c12c2a20051ddbf
+size 881

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-trivial--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8dc2debbbad5b58e45f33ab05565f91eab9635f9a06c20927f6af694fb555691
-size 1056
+oid sha256:d3f200ff0ce9d4b1db2062033076ccfe9865a5d750c44842e00fd47331100348
+size 868

package/dist/cjs/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa204c82151fa9d869b9d1abfc9b38d7c4c06a18039d6057fb9bda6e52947578
-size 219245
+oid sha256:06012e2c14c38c3fc9da9fa230c9fc55dd0b011c7f5756b930968f1a88700828
+size 220083

package/dist/cjs/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa204c82151fa9d869b9d1abfc9b38d7c4c06a18039d6057fb9bda6e52947578
-size 219245
+oid sha256:06012e2c14c38c3fc9da9fa230c9fc55dd0b011c7f5756b930968f1a88700828
+size 220083

package/dist/cjs/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0818d63fce2efbbbe48e65a428acd392282fd29111d3cf2246637eaf5e5626df
-size 219455
+oid sha256:cd8bc16db0eebc4cfd0f8882a3483ed84905e78317f8d6ff1d053d720b9b05f4
+size 220298

package/dist/cjs/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0818d63fce2efbbbe48e65a428acd392282fd29111d3cf2246637eaf5e5626df
-size 219455
+oid sha256:cd8bc16db0eebc4cfd0f8882a3483ed84905e78317f8d6ff1d053d720b9b05f4
+size 220298

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

package/dist/cjs/utils/index.js

@@ -14,6 +14,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _getToken = require("@atlaskit/tokens/get-token");
 var _themeStateTransformer = require("@atlaskit/tokens/theme-state-transformer");
 var _constants = require("../constants");
 var _extractFileFormatIcon = _interopRequireDefault(require("../extractors/flexible/icon/extract-file-formatIcon"));
@@ -641,61 +642,161 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
     }
   }), _constants.IconType.PriorityBlocker, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityBlocker" */'@atlaskit/icon/core/priority-blocker'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon'));
       });
     }
   }), _constants.IconType.PriorityCritical, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityCritical" */'@atlaskit/icon/core/priority-critical'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon'));
       });
     }
   }), _constants.IconType.PriorityHigh, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHigh" */'@atlaskit/icon/core/priority-high'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon'));
       });
     }
   }), _constants.IconType.PriorityHighest, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHighest" */'@atlaskit/icon/core/priority-highest'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon'));
       });
     }
   }), _constants.IconType.PriorityLow, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLow" */'@atlaskit/icon/core/priority-low'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon'));
       });
     }
   }), _constants.IconType.PriorityLowest, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLowest" */'@atlaskit/icon/core/priority-lowest'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon'));
       });
     }
   }), _constants.IconType.PriorityMajor, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMajor" */'@atlaskit/icon/core/priority-major'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon'));
       });
     }
   }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityMedium, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMedium" */'@atlaskit/icon/core/priority-medium'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.orange')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon'));
       });
     }
   }), _constants.IconType.PriorityMinor, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMinor" */'@atlaskit/icon/core/priority-minor'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon'));
       });
     }
   }), _constants.IconType.PriorityTrivial, {
     default: function _default() {
-      return Promise.resolve().then(function () {
+      return (0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPriorityTrivial" */'@atlaskit/icon/core/priority-trivial'));
+      }).then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
+              color: (0, _getToken.token)('color.icon.accent.gray')
+            }));
+          }
+        };
+      }) : Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon'));
       });
     }

package/dist/cjs/view/EmbedModal/utils.js

@@ -12,9 +12,39 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
+var _client = require("react-dom/client");
 var _reactIntl = require("react-intl");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["onClose"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var reactRoots = new WeakMap();
+
+/** Mounts `element` into `mountPoint`: uses the React 18/19 `createRoot` API when `nike_r19_render_unmount` is on, else the legacy render path. */
+var renderToMountPoint = function renderToMountPoint(element, mountPoint) {
+  if ((0, _platformFeatureFlags.fg)('nike_r19_render_unmount')) {
+    var root = reactRoots.get(mountPoint);
+    if (!root) {
+      root = (0, _client.createRoot)(mountPoint);
+      reactRoots.set(mountPoint, root);
+    }
+    root.render(element);
+  } else {
+    _reactDom.default.render(element, mountPoint);
+  }
+};
+
+/** Unmounts the tree at `mountPoint`: uses `root.unmount()` when `nike_r19_render_unmount` is on, else the legacy unmount path. */
+var unmountFromMountPoint = function unmountFromMountPoint(mountPoint) {
+  if ((0, _platformFeatureFlags.fg)('nike_r19_render_unmount')) {
+    var root = reactRoots.get(mountPoint);
+    if (root) {
+      root.unmount();
+      reactRoots.delete(mountPoint);
+    }
+  } else {
+    _reactDom.default.unmountComponentAtNode(mountPoint);
+  }
+};
 var IFRAME_NAME = 'twp-editor-preview-iframe';
 var POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 
@@ -61,13 +91,13 @@ function _openEmbedModal() {
           });
         case 1:
           Modal = _context2.sent;
-          _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+          renderToMountPoint( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
             locale: "en"
           }, /*#__PURE__*/_react.default.createElement(Modal.default, (0, _extends2.default)({}, props, {
             iframeName: IFRAME_NAME,
             onClose: function onClose(_context) {
               if (popupMountPoint) {
-                _reactDom.default.unmountComponentAtNode(popupMountPoint);
+                unmountFromMountPoint(popupMountPoint);
               }
               if (_onClose) {
                 _onClose(_context);

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _icon = require("@atlaskit/icon");
@@ -42,8 +43,9 @@ var getDocumentIcon = function getDocumentIcon() {
 var getLiveDocumentIcon = function getLiveDocumentIcon() {
   return require('../../../../../common/ui/icons/live-document-icon').default;
 };
+var PRIORITY_ICONS = [_constants.IconType.PriorityBlocker, _constants.IconType.PriorityCritical, _constants.IconType.PriorityHigh, _constants.IconType.PriorityHighest, _constants.IconType.PriorityLow, _constants.IconType.PriorityLowest, _constants.IconType.PriorityMajor, _constants.IconType.PriorityMedium, _constants.IconType.PriorityMinor, _constants.IconType.PriorityTrivial];
 var isCoreIcon = function isCoreIcon(icon) {
-  return [_constants.IconType.Project, _constants.IconType.Template, _constants.IconType.Forbidden, _constants.IconType.Default, _constants.IconType.Error, _constants.IconType.Attachment, _constants.IconType.CheckItem, _constants.IconType.Component, _constants.IconType.Comment, _constants.IconType.View, _constants.IconType.React, _constants.IconType.Vote, _constants.IconType.PriorityUndefined, _constants.IconType.ProgrammingLanguage, _constants.IconType.Subscriber, _constants.IconType.SubTasksProgress].includes(icon);
+  return [_constants.IconType.Project, _constants.IconType.Template, _constants.IconType.Forbidden, _constants.IconType.Default, _constants.IconType.Error, _constants.IconType.Attachment, _constants.IconType.CheckItem, _constants.IconType.Component, _constants.IconType.Comment, _constants.IconType.View, _constants.IconType.React, _constants.IconType.Vote, _constants.IconType.PriorityUndefined, _constants.IconType.ProgrammingLanguage, _constants.IconType.Subscriber, _constants.IconType.SubTasksProgress].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_sl_priority_icon') ? PRIORITY_ICONS : [])).includes(icon);
 };
 var AtlaskitIcon = function AtlaskitIcon(_ref) {
   var icon = _ref.icon,
@@ -107,6 +109,13 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
         });
       case _constants.SmartLinkSize.Large:
       case _constants.SmartLinkSize.XLarge:
+        if (PRIORITY_ICONS.includes(icon) && (0, _platformFeatureFlags.fg)('platform_sl_priority_icon')) {
+          return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+            label: label,
+            testId: testId,
+            color: color
+          });
+        }
         var appearance;
         if (icon === _constants.IconType.Error || icon === _constants.IconType.Forbidden) {
           appearance = 'redBold';

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.13.3",
+  packageVersion: "45.13.5",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-metadata--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:36c6f82d88c72627e3d0b906cf620aee888fdf10ef7d314573f5548050f26811
-size 153745
+oid sha256:ff920567e7c479cb4b392387a65d13782dbd2d0ba8f5c2e151468ff763b05745
+size 155671

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-composition--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:90c6f31c26a75bed4a49dd870901bde3bf5d97cefc62512dd94fce0ba706e64f
-size 103834
+oid sha256:c291fcaaf70a8fe7fb591f81b8cb847f9fed6a41bff8b68b4fc3537858c63327
+size 103954

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-blocker--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d7f62a7a15b917ba7160429e5b90b36cba44ac0db64924b8d60e5db5774014a3
-size 776
+oid sha256:b1f967736efa7f07f65cde83bfd59c6034e1f7f7271eeadcce4eddd72abae460
+size 909

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-critical--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:878d5fda5dc549b36bff523929b586218d98bfb484a37ffe52483b08df6b5f29
-size 638
+oid sha256:8afc83fc97fe9a18ae1e22b07b5740802daa92c3c5c3d0afcf92a047acd466d0
+size 693

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-high--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8dc766b0223ae1b3c38c7373903a71eba020696337c591df3f0b81dcd60b7b6b
-size 628
+oid sha256:eb628b90b7507b2d8dd0a9fa25bb38ddbfe3ed139ab745ecfe5d3b7baf8c2ee8
+size 578

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-highest--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e1b64bcb54bd1238fb0758384ad24cb4adabf59c868468b5f8d308d3498d7d75
-size 833
+oid sha256:e13590c476875e065a8e5a4107da0ec08f57906f4f50d933180baeed8de41485
+size 735

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-low--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1b8b84b605769cb706aa74264a49c3ca30f8a6def7f7a75834258d65c2a06d82
-size 618
+oid sha256:13a75abc78d4f38d5000684f61edf516e53e8ab1553af7a6a02b8423cf86acb4
+size 538

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-lowest--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:359e946bc74f48c8dda578d2702b2da0330a55830ccc3e67ffac227dbb4e478e
-size 834
+oid sha256:5d01a73fff315767f18623a554df194bf7ff52652df8c02a9dc615b4ad3c2245
+size 718

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-major--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1ab74d3223550aed5febd01575576ab5b722530ee1307d94f1e12f99080c27f5
-size 1031
+oid sha256:d4945d7a7f3a66a0e55692d2e13220913ea15a7cefb5ecdcd36ed78d616aae53
+size 898

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-medium--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6674f922c1e484df0ea2b0d4ceabfb5bec5ba1e5019746d342ef3e2d00e036e8
-size 396
+oid sha256:4661af0db6c199053587fa1fdea292a078d09c14bfa11c75898409799b47f124
+size 391

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-minor--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8bc1a13b57a0546b0a029b40f44eda530892f78a7085978f07e6a6f3daee70d0
-size 1043
+oid sha256:8d038fc0b7e46d84dbc71ca95a76438ab2bfb836d7e603651c12c2a20051ddbf
+size 881

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-trivial--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8dc2debbbad5b58e45f33ab05565f91eab9635f9a06c20927f6af694fb555691
-size 1056
+oid sha256:d3f200ff0ce9d4b1db2062033076ccfe9865a5d750c44842e00fd47331100348
+size 868

package/dist/es2019/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa204c82151fa9d869b9d1abfc9b38d7c4c06a18039d6057fb9bda6e52947578
-size 219245
+oid sha256:06012e2c14c38c3fc9da9fa230c9fc55dd0b011c7f5756b930968f1a88700828
+size 220083

package/dist/es2019/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aa204c82151fa9d869b9d1abfc9b38d7c4c06a18039d6057fb9bda6e52947578
-size 219245
+oid sha256:06012e2c14c38c3fc9da9fa230c9fc55dd0b011c7f5756b930968f1a88700828
+size 220083

package/dist/es2019/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0818d63fce2efbbbe48e65a428acd392282fd29111d3cf2246637eaf5e5626df
-size 219455
+oid sha256:cd8bc16db0eebc4cfd0f8882a3483ed84905e78317f8d6ff1d053d720b9b05f4
+size 220298

package/dist/es2019/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0818d63fce2efbbbe48e65a428acd392282fd29111d3cf2246637eaf5e5626df
-size 219455
+oid sha256:cd8bc16db0eebc4cfd0f8882a3483ed84905e78317f8d6ff1d053d720b9b05f4
+size 220298

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