@atlaskit/smart-card 45.13.4 → 45.14.0

package/dist/es2019/utils/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { token } from '@atlaskit/tokens/get-token';
 import { themeObjectToString } from '@atlaskit/tokens/theme-state-transformer';
 import { IconType, SmartLinkSize } from '../constants';
 import extractFileFormatIcon from '../extractors/flexible/icon/extract-file-formatIcon';
@@ -310,34 +311,74 @@ export const getLazyIcons = () => {
     },
     // Local priority icons (custom SVG components)
     [IconType.PriorityBlocker]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityBlocker" */'@atlaskit/icon/core/priority-blocker').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon')
     },
     [IconType.PriorityCritical]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityCritical" */'@atlaskit/icon/core/priority-critical').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon')
     },
     [IconType.PriorityHigh]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHigh" */'@atlaskit/icon/core/priority-high').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon')
     },
     [IconType.PriorityHighest]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHighest" */'@atlaskit/icon/core/priority-highest').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon')
     },
     [IconType.PriorityLow]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLow" */'@atlaskit/icon/core/priority-low').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.blue')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon')
     },
     [IconType.PriorityLowest]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLowest" */'@atlaskit/icon/core/priority-lowest').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.blue')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon')
     },
     [IconType.PriorityMajor]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMajor" */'@atlaskit/icon/core/priority-major').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.red')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon')
     },
     [IconType.PriorityMedium]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMedium" */'@atlaskit/icon/core/priority-medium').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.orange')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon')
     },
     [IconType.PriorityMinor]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMinor" */'@atlaskit/icon/core/priority-minor').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.blue')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon')
     },
     [IconType.PriorityTrivial]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon')
+      default: () => fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityTrivial" */'@atlaskit/icon/core/priority-trivial').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          color: token('color.icon.accent.gray')
+        }))
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon')
     }
   };
 };

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

@@ -1,7 +1,37 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { IntlProvider } from 'react-intl';
+import { fg } from '@atlaskit/platform-feature-flags';
+let 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. */
+const renderToMountPoint = (element, mountPoint) => {
+  if (fg('nike_r19_render_unmount')) {
+    let root = reactRoots.get(mountPoint);
+    if (!root) {
+      root = createRoot(mountPoint);
+      reactRoots.set(mountPoint, root);
+    }
+    root.render(element);
+  } else {
+    ReactDOM.render(element, mountPoint);
+  }
+};
+
+/** Unmounts the tree at `mountPoint`: uses `root.unmount()` when `nike_r19_render_unmount` is on, else the legacy unmount path. */
+const unmountFromMountPoint = mountPoint => {
+  if (fg('nike_r19_render_unmount')) {
+    const root = reactRoots.get(mountPoint);
+    if (root) {
+      root.unmount();
+      reactRoots.delete(mountPoint);
+    }
+  } else {
+    ReactDOM.unmountComponentAtNode(mountPoint);
+  }
+};
 const IFRAME_NAME = 'twp-editor-preview-iframe';
 const POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 
@@ -31,13 +61,13 @@ export async function openEmbedModal({
     document.body.appendChild(popupMountPoint);
   }
   let Modal = await import('./index');
-  ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
+  renderToMountPoint( /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"
   }, /*#__PURE__*/React.createElement(Modal.default, _extends({}, props, {
     iframeName: IFRAME_NAME,
     onClose: _context => {
       if (popupMountPoint) {
-        ReactDOM.unmountComponentAtNode(popupMountPoint);
+        unmountFromMountPoint(popupMountPoint);
       }
       if (onClose) {
         onClose(_context);

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

@@ -23,8 +23,9 @@ const importIcon = importFn => {
 const getBlogIcon = () => require('../../../../../common/ui/icons/blog-icon').default;
 const getDocumentIcon = () => require('../../../../../common/ui/icons/page-icon').default;
 const getLiveDocumentIcon = () => require('../../../../../common/ui/icons/live-document-icon').default;
+const PRIORITY_ICONS = [IconType.PriorityBlocker, IconType.PriorityCritical, IconType.PriorityHigh, IconType.PriorityHighest, IconType.PriorityLow, IconType.PriorityLowest, IconType.PriorityMajor, IconType.PriorityMedium, IconType.PriorityMinor, IconType.PriorityTrivial];
 const isCoreIcon = icon => {
-  return [IconType.Project, IconType.Template, IconType.Forbidden, IconType.Default, IconType.Error, IconType.Attachment, IconType.CheckItem, IconType.Component, IconType.Comment, IconType.View, IconType.React, IconType.Vote, IconType.PriorityUndefined, IconType.ProgrammingLanguage, IconType.Subscriber, IconType.SubTasksProgress].includes(icon);
+  return [IconType.Project, IconType.Template, IconType.Forbidden, IconType.Default, IconType.Error, IconType.Attachment, IconType.CheckItem, IconType.Component, IconType.Comment, IconType.View, IconType.React, IconType.Vote, IconType.PriorityUndefined, IconType.ProgrammingLanguage, IconType.Subscriber, IconType.SubTasksProgress, ...(fg('platform_sl_priority_icon') ? PRIORITY_ICONS : [])].includes(icon);
 };
 const AtlaskitIcon = ({
   icon,
@@ -88,6 +89,13 @@ const AtlaskitIcon = ({
         });
       case SmartLinkSize.Large:
       case SmartLinkSize.XLarge:
+        if (PRIORITY_ICONS.includes(icon) && fg('platform_sl_priority_icon')) {
+          return /*#__PURE__*/React.createElement(ImportedIcon, {
+            label: label,
+            testId: testId,
+            color: color
+          });
+        }
         let appearance;
         if (icon === IconType.Error || icon === IconType.Forbidden) {
           appearance = 'redBold';

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

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.13.3",
+  packageVersion: "45.13.5",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

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

package/dist/esm/utils/index.js

@@ -6,6 +6,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { token } from '@atlaskit/tokens/get-token';
 import { themeObjectToString } from '@atlaskit/tokens/theme-state-transformer';
 import { IconType, SmartLinkSize } from '../constants';
 import extractFileFormatIcon from '../extractors/flexible/icon/extract-file-formatIcon';
@@ -476,43 +477,123 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.PriorityBlocker, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityBlocker" */'@atlaskit/icon/core/priority-blocker').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon');
     }
   }), IconType.PriorityCritical, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityCritical" */'@atlaskit/icon/core/priority-critical').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon');
     }
   }), IconType.PriorityHigh, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHigh" */'@atlaskit/icon/core/priority-high').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon');
     }
   }), IconType.PriorityHighest, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityHighest" */'@atlaskit/icon/core/priority-highest').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon');
     }
   }), IconType.PriorityLow, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLow" */'@atlaskit/icon/core/priority-low').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon');
     }
   }), IconType.PriorityLowest, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityLowest" */'@atlaskit/icon/core/priority-lowest').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon');
     }
   }), IconType.PriorityMajor, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMajor" */'@atlaskit/icon/core/priority-major').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.red')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon');
     }
   }), _defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityMedium, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMedium" */'@atlaskit/icon/core/priority-medium').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.orange')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon');
     }
   }), IconType.PriorityMinor, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityMinor" */'@atlaskit/icon/core/priority-minor').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.blue')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon');
     }
   }), IconType.PriorityTrivial, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon');
+      return fg('platform_sl_priority_icon') ? import( /* webpackChunkName: "@atlaskit-internal_glyphPriorityTrivial" */'@atlaskit/icon/core/priority-trivial').then(function (module) {
+        return {
+          default: function _default(props) {
+            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+              color: token('color.icon.accent.gray')
+            }));
+          }
+        };
+      }) : import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon');
     }
   });
 };

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

@@ -5,7 +5,37 @@ var _excluded = ["onClose"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { IntlProvider } from 'react-intl';
+import { fg } from '@atlaskit/platform-feature-flags';
+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 (fg('nike_r19_render_unmount')) {
+    var root = reactRoots.get(mountPoint);
+    if (!root) {
+      root = createRoot(mountPoint);
+      reactRoots.set(mountPoint, root);
+    }
+    root.render(element);
+  } else {
+    ReactDOM.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 (fg('nike_r19_render_unmount')) {
+    var root = reactRoots.get(mountPoint);
+    if (root) {
+      root.unmount();
+      reactRoots.delete(mountPoint);
+    }
+  } else {
+    ReactDOM.unmountComponentAtNode(mountPoint);
+  }
+};
 var IFRAME_NAME = 'twp-editor-preview-iframe';
 var POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 
@@ -50,13 +80,13 @@ function _openEmbedModal() {
           return import('./index');
         case 1:
           Modal = _context2.sent;
-          ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
+          renderToMountPoint( /*#__PURE__*/React.createElement(IntlProvider, {
             locale: "en"
           }, /*#__PURE__*/React.createElement(Modal.default, _extends({}, props, {
             iframeName: IFRAME_NAME,
             onClose: function onClose(_context) {
               if (popupMountPoint) {
-                ReactDOM.unmountComponentAtNode(popupMountPoint);
+                unmountFromMountPoint(popupMountPoint);
               }
               if (_onClose) {
                 _onClose(_context);

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

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import Loadable from 'react-loadable';
 import { IconTile } from '@atlaskit/icon';
@@ -35,8 +36,9 @@ var getDocumentIcon = function getDocumentIcon() {
 var getLiveDocumentIcon = function getLiveDocumentIcon() {
   return require('../../../../../common/ui/icons/live-document-icon').default;
 };
+var PRIORITY_ICONS = [IconType.PriorityBlocker, IconType.PriorityCritical, IconType.PriorityHigh, IconType.PriorityHighest, IconType.PriorityLow, IconType.PriorityLowest, IconType.PriorityMajor, IconType.PriorityMedium, IconType.PriorityMinor, IconType.PriorityTrivial];
 var isCoreIcon = function isCoreIcon(icon) {
-  return [IconType.Project, IconType.Template, IconType.Forbidden, IconType.Default, IconType.Error, IconType.Attachment, IconType.CheckItem, IconType.Component, IconType.Comment, IconType.View, IconType.React, IconType.Vote, IconType.PriorityUndefined, IconType.ProgrammingLanguage, IconType.Subscriber, IconType.SubTasksProgress].includes(icon);
+  return [IconType.Project, IconType.Template, IconType.Forbidden, IconType.Default, IconType.Error, IconType.Attachment, IconType.CheckItem, IconType.Component, IconType.Comment, IconType.View, IconType.React, IconType.Vote, IconType.PriorityUndefined, IconType.ProgrammingLanguage, IconType.Subscriber, IconType.SubTasksProgress].concat(_toConsumableArray(fg('platform_sl_priority_icon') ? PRIORITY_ICONS : [])).includes(icon);
 };
 var AtlaskitIcon = function AtlaskitIcon(_ref) {
   var icon = _ref.icon,
@@ -100,6 +102,13 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
         });
       case SmartLinkSize.Large:
       case SmartLinkSize.XLarge:
+        if (PRIORITY_ICONS.includes(icon) && fg('platform_sl_priority_icon')) {
+          return /*#__PURE__*/React.createElement(ImportedIcon, {
+            label: label,
+            testId: testId,
+            color: color
+          });
+        }
         var appearance;
         if (icon === IconType.Error || icon === IconType.Forbidden) {
           appearance = 'redBold';

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.13.3",
+  packageVersion: "45.13.5",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

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

@@ -1,6 +1,7 @@
 /**
  * @jsxRuntime classic
  * @jsx jsx
+ * Delete on cleanup of platform_sl_priority_icon
  */
 import type { FC } from 'react';
 export interface PriorityIconProps {

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

@@ -1,6 +1,7 @@
 /**
  * @jsxRuntime classic
  * @jsx jsx
+ * Delete on cleanup of platform_sl_priority_icon
  */
 import type { FC } from 'react';
 export interface PriorityIconProps {

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

@@ -1,6 +1,7 @@
 /**
  * @jsxRuntime classic
  * @jsx jsx
+ * Delete on cleanup of platform_sl_priority_icon
  */
 import type { FC } from 'react';
 export interface PriorityIconProps {

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

@@ -1,6 +1,7 @@
 /**
  * @jsxRuntime classic
  * @jsx jsx
+ * Delete on cleanup of platform_sl_priority_icon
  */
 import type { FC } from 'react';
 export interface PriorityIconProps {

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

@@ -1,6 +1,7 @@
 /**
  * @jsxRuntime classic
  * @jsx jsx
+ * Delete on cleanup of platform_sl_priority_icon
  */
 import type { FC } from 'react';
 export interface PriorityIconProps {

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

@@ -1,6 +1,7 @@
 /**
  * @jsxRuntime classic
  * @jsx jsx
+ * Delete on cleanup of platform_sl_priority_icon
  */
 import type { FC } from 'react';
 export interface PriorityIconProps {

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

@@ -1,6 +1,7 @@
 /**
  * @jsxRuntime classic
  * @jsx jsx
+ * Delete on cleanup of platform_sl_priority_icon
  */
 import type { FC } from 'react';
 export interface PriorityIconProps {

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

@@ -1,6 +1,7 @@
 /**
  * @jsxRuntime classic
  * @jsx jsx
+ * Delete on cleanup of platform_sl_priority_icon
  */
 import type { FC } from 'react';
 export interface PriorityIconProps {