@atlaskit/editor-common 125.0.0 → 125.1.0

package/dist/esm/quick-insert/assets/index.js

@@ -3,246 +3,681 @@ function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t
 
 import React from 'react';
 import Loadable from 'react-loadable';
-export var IconAction = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action').then(function (module) {
-      return module.default;
-    });
-  },
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+import { lazy, LazySuspense } from 'react-loosely-lazy';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+var loadIconAction = function loadIconAction() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action').then(function (module) {
+    return module.default;
+  });
+};
+var IconActionLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action').then(function (module) {
+    return module.default;
+  });
+});
+IconActionLazy.displayName = 'lazy(IconAction)';
+var IconActionLoadable = Loadable({
+  loader: loadIconAction,
   loading: function loading() {
     return null;
   }
 });
-export var IconCode = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconAction = function IconAction(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconActionLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconActionLoadable, props);
+};
+IconAction.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconActionLazy.preload() : IconActionLoadable.preload();
+};
+var loadIconCode = function loadIconCode() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code').then(function (module) {
+    return module.default;
+  });
+};
+var IconCodeLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code').then(function (module) {
+    return module.default;
+  });
+});
+IconCodeLazy.displayName = 'lazy(IconCode)';
+var IconCodeLoadable = Loadable({
+  loader: loadIconCode,
   loading: function loading() {
     return null;
   }
 });
-export var IconDate = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconCode = function IconCode(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconCodeLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconCodeLoadable, props);
+};
+IconCode.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconCodeLazy.preload() : IconCodeLoadable.preload();
+};
+var loadIconDate = function loadIconDate() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date').then(function (module) {
+    return module.default;
+  });
+};
+var IconDateLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date').then(function (module) {
+    return module.default;
+  });
+});
+IconDateLazy.displayName = 'lazy(IconDate)';
+var IconDateLoadable = Loadable({
+  loader: loadIconDate,
   loading: function loading() {
     return null;
   }
 });
-export var IconDecision = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconDate = function IconDate(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconDateLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconDateLoadable, props);
+};
+IconDate.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDateLazy.preload() : IconDateLoadable.preload();
+};
+var loadIconDecision = function loadIconDecision() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision').then(function (module) {
+    return module.default;
+  });
+};
+var IconDecisionLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision').then(function (module) {
+    return module.default;
+  });
+});
+IconDecisionLazy.displayName = 'lazy(IconDecision)';
+var IconDecisionLoadable = Loadable({
+  loader: loadIconDecision,
   loading: function loading() {
     return null;
   }
 });
-export var IconDivider = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconDecision = function IconDecision(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconDecisionLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconDecisionLoadable, props);
+};
+IconDecision.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDecisionLazy.preload() : IconDecisionLoadable.preload();
+};
+var loadIconDivider = function loadIconDivider() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider').then(function (module) {
+    return module.default;
+  });
+};
+var IconDividerLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider').then(function (module) {
+    return module.default;
+  });
+});
+IconDividerLazy.displayName = 'lazy(IconDivider)';
+var IconDividerLoadable = Loadable({
+  loader: loadIconDivider,
   loading: function loading() {
     return null;
   }
 });
-export var IconEmoji = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconDivider = function IconDivider(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconDividerLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconDividerLoadable, props);
+};
+IconDivider.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDividerLazy.preload() : IconDividerLoadable.preload();
+};
+var loadIconEmoji = function loadIconEmoji() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji').then(function (module) {
+    return module.default;
+  });
+};
+var IconEmojiLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji').then(function (module) {
+    return module.default;
+  });
+});
+IconEmojiLazy.displayName = 'lazy(IconEmoji)';
+var IconEmojiLoadable = Loadable({
+  loader: loadIconEmoji,
   loading: function loading() {
     return null;
   }
 });
-export var IconImages = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconEmoji = function IconEmoji(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconEmojiLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconEmojiLoadable, props);
+};
+IconEmoji.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconEmojiLazy.preload() : IconEmojiLoadable.preload();
+};
+var loadIconImages = function loadIconImages() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images').then(function (module) {
+    return module.default;
+  });
+};
+var IconImagesLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images').then(function (module) {
+    return module.default;
+  });
+});
+IconImagesLazy.displayName = 'lazy(IconImages)';
+var IconImagesLoadable = Loadable({
+  loader: loadIconImages,
   loading: function loading() {
     return null;
   }
 });
-export var IconLayout = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconImages = function IconImages(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconImagesLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconImagesLoadable, props);
+};
+IconImages.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconImagesLazy.preload() : IconImagesLoadable.preload();
+};
+var loadIconLayout = function loadIconLayout() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout').then(function (module) {
+    return module.default;
+  });
+};
+var IconLayoutLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout').then(function (module) {
+    return module.default;
+  });
+});
+IconLayoutLazy.displayName = 'lazy(IconLayout)';
+var IconLayoutLoadable = Loadable({
+  loader: loadIconLayout,
   loading: function loading() {
     return null;
   }
 });
-export var IconLink = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconLayout = function IconLayout(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconLayoutLoadable, props);
+};
+IconLayout.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconLayoutLazy.preload() : IconLayoutLoadable.preload();
+};
+var loadIconLink = function loadIconLink() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link').then(function (module) {
+    return module.default;
+  });
+};
+var IconLinkLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link').then(function (module) {
+    return module.default;
+  });
+});
+IconLinkLazy.displayName = 'lazy(IconLink)';
+var IconLinkLoadable = Loadable({
+  loader: loadIconLink,
   loading: function loading() {
     return null;
   }
 });
-export var IconListNumber = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconLink = function IconLink(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconLinkLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconLinkLoadable, props);
+};
+IconLink.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconLinkLazy.preload() : IconLinkLoadable.preload();
+};
+var loadIconListNumber = function loadIconListNumber() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number').then(function (module) {
+    return module.default;
+  });
+};
+var IconListNumberLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number').then(function (module) {
+    return module.default;
+  });
+});
+IconListNumberLazy.displayName = 'lazy(IconListNumber)';
+var IconListNumberLoadable = Loadable({
+  loader: loadIconListNumber,
   loading: function loading() {
     return null;
   }
 });
-export var IconList = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconListNumber = function IconListNumber(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconListNumberLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconListNumberLoadable, props);
+};
+IconListNumber.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconListNumberLazy.preload() : IconListNumberLoadable.preload();
+};
+var loadIconList = function loadIconList() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list').then(function (module) {
+    return module.default;
+  });
+};
+var IconListLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list').then(function (module) {
+    return module.default;
+  });
+});
+IconListLazy.displayName = 'lazy(IconList)';
+var IconListLoadable = Loadable({
+  loader: loadIconList,
   loading: function loading() {
     return null;
   }
 });
-export var IconMention = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconList = function IconList(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconListLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconListLoadable, props);
+};
+IconList.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconListLazy.preload() : IconListLoadable.preload();
+};
+var loadIconMention = function loadIconMention() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention').then(function (module) {
+    return module.default;
+  });
+};
+var IconMentionLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention').then(function (module) {
+    return module.default;
+  });
+});
+IconMentionLazy.displayName = 'lazy(IconMention)';
+var IconMentionLoadable = Loadable({
+  loader: loadIconMention,
   loading: function loading() {
     return null;
   }
 });
-export var IconPanelError = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconMention = function IconMention(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconMentionLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconMentionLoadable, props);
+};
+IconMention.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconMentionLazy.preload() : IconMentionLoadable.preload();
+};
+var loadIconPanelError = function loadIconPanelError() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error').then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelErrorLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error').then(function (module) {
+    return module.default;
+  });
+});
+IconPanelErrorLazy.displayName = 'lazy(IconPanelError)';
+var IconPanelErrorLoadable = Loadable({
+  loader: loadIconPanelError,
   loading: function loading() {
     return null;
   }
 });
-export var IconPanelNote = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconPanelError = function IconPanelError(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconPanelErrorLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconPanelErrorLoadable, props);
+};
+IconPanelError.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelErrorLazy.preload() : IconPanelErrorLoadable.preload();
+};
+var loadIconPanelNote = function loadIconPanelNote() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note').then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelNoteLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note').then(function (module) {
+    return module.default;
+  });
+});
+IconPanelNoteLazy.displayName = 'lazy(IconPanelNote)';
+var IconPanelNoteLoadable = Loadable({
+  loader: loadIconPanelNote,
   loading: function loading() {
     return null;
   }
 });
-export var IconPanelSuccess = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconPanelNote = function IconPanelNote(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconPanelNoteLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconPanelNoteLoadable, props);
+};
+IconPanelNote.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelNoteLazy.preload() : IconPanelNoteLoadable.preload();
+};
+var loadIconPanelSuccess = function loadIconPanelSuccess() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success').then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelSuccessLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success').then(function (module) {
+    return module.default;
+  });
+});
+IconPanelSuccessLazy.displayName = 'lazy(IconPanelSuccess)';
+var IconPanelSuccessLoadable = Loadable({
+  loader: loadIconPanelSuccess,
   loading: function loading() {
     return null;
   }
 });
-export var IconPanelWarning = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconPanelSuccess = function IconPanelSuccess(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconPanelSuccessLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconPanelSuccessLoadable, props);
+};
+IconPanelSuccess.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelSuccessLazy.preload() : IconPanelSuccessLoadable.preload();
+};
+var loadIconPanelWarning = function loadIconPanelWarning() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning').then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelWarningLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning').then(function (module) {
+    return module.default;
+  });
+});
+IconPanelWarningLazy.displayName = 'lazy(IconPanelWarning)';
+var IconPanelWarningLoadable = Loadable({
+  loader: loadIconPanelWarning,
   loading: function loading() {
     return null;
   }
 });
-export var IconPanel = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconPanelWarning = function IconPanelWarning(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconPanelWarningLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconPanelWarningLoadable, props);
+};
+IconPanelWarning.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelWarningLazy.preload() : IconPanelWarningLoadable.preload();
+};
+var loadIconPanel = function loadIconPanel() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel').then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel').then(function (module) {
+    return module.default;
+  });
+});
+IconPanelLazy.displayName = 'lazy(IconPanel)';
+var IconPanelLoadable = Loadable({
+  loader: loadIconPanel,
   loading: function loading() {
     return null;
   }
 });
-export var IconQuote = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconPanel = function IconPanel(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconPanelLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconPanelLoadable, props);
+};
+IconPanel.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconPanelLazy.preload() : IconPanelLoadable.preload();
+};
+var loadIconQuote = function loadIconQuote() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote').then(function (module) {
+    return module.default;
+  });
+};
+var IconQuoteLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote').then(function (module) {
+    return module.default;
+  });
+});
+IconQuoteLazy.displayName = 'lazy(IconQuote)';
+var IconQuoteLoadable = Loadable({
+  loader: loadIconQuote,
   loading: function loading() {
     return null;
   }
 });
-export var IconStatus = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconQuote = function IconQuote(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconQuoteLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconQuoteLoadable, props);
+};
+IconQuote.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconQuoteLazy.preload() : IconQuoteLoadable.preload();
+};
+var loadIconStatus = function loadIconStatus() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(function (module) {
+    return module.default;
+  });
+};
+var IconStatusLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(function (module) {
+    return module.default;
+  });
+});
+IconStatusLazy.displayName = 'lazy(IconStatus)';
+var IconStatusLoadable = Loadable({
+  loader: loadIconStatus,
   loading: function loading() {
     return null;
   }
 });
-export var IconOneColumnLayout = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconStatus = function IconStatus(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconStatusLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconStatusLoadable, props);
+};
+IconStatus.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconStatusLazy.preload() : IconStatusLoadable.preload();
+};
+var loadIconOneColumnLayout = function loadIconOneColumnLayout() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout').then(function (module) {
+    return module.default;
+  });
+};
+var IconOneColumnLayoutLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout').then(function (module) {
+    return module.default;
+  });
+});
+IconOneColumnLayoutLazy.displayName = 'lazy(IconOneColumnLayout)';
+var IconOneColumnLayoutLoadable = Loadable({
+  loader: loadIconOneColumnLayout,
   loading: function loading() {
     return null;
   }
 });
-export var IconTwoColumnLayout = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconOneColumnLayout = function IconOneColumnLayout(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconOneColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconOneColumnLayoutLoadable, props);
+};
+IconOneColumnLayout.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconOneColumnLayoutLazy.preload() : IconOneColumnLayoutLoadable.preload();
+};
+var loadIconTwoColumnLayout = function loadIconTwoColumnLayout() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout').then(function (module) {
+    return module.default;
+  });
+};
+var IconTwoColumnLayoutLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout').then(function (module) {
+    return module.default;
+  });
+});
+IconTwoColumnLayoutLazy.displayName = 'lazy(IconTwoColumnLayout)';
+var IconTwoColumnLayoutLoadable = Loadable({
+  loader: loadIconTwoColumnLayout,
   loading: function loading() {
     return null;
   }
 });
-export var IconThreeColumnLayout = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconTwoColumnLayout = function IconTwoColumnLayout(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconTwoColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconTwoColumnLayoutLoadable, props);
+};
+IconTwoColumnLayout.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconTwoColumnLayoutLazy.preload() : IconTwoColumnLayoutLoadable.preload();
+};
+var loadIconThreeColumnLayout = function loadIconThreeColumnLayout() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout').then(function (module) {
+    return module.default;
+  });
+};
+var IconThreeColumnLayoutLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout').then(function (module) {
+    return module.default;
+  });
+});
+IconThreeColumnLayoutLazy.displayName = 'lazy(IconThreeColumnLayout)';
+var IconThreeColumnLayoutLoadable = Loadable({
+  loader: loadIconThreeColumnLayout,
   loading: function loading() {
     return null;
   }
 });
-export var IconFourColumnLayout = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconThreeColumnLayout = function IconThreeColumnLayout(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconThreeColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconThreeColumnLayoutLoadable, props);
+};
+IconThreeColumnLayout.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconThreeColumnLayoutLazy.preload() : IconThreeColumnLayoutLoadable.preload();
+};
+var loadIconFourColumnLayout = function loadIconFourColumnLayout() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout').then(function (module) {
+    return module.default;
+  });
+};
+var IconFourColumnLayoutLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout').then(function (module) {
+    return module.default;
+  });
+});
+IconFourColumnLayoutLazy.displayName = 'lazy(IconFourColumnLayout)';
+var IconFourColumnLayoutLoadable = Loadable({
+  loader: loadIconFourColumnLayout,
   loading: function loading() {
     return null;
   }
 });
-export var IconFiveColumnLayout = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconFourColumnLayout = function IconFourColumnLayout(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconFourColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconFourColumnLayoutLoadable, props);
+};
+IconFourColumnLayout.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconFourColumnLayoutLazy.preload() : IconFourColumnLayoutLoadable.preload();
+};
+var loadIconFiveColumnLayout = function loadIconFiveColumnLayout() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout').then(function (module) {
+    return module.default;
+  });
+};
+var IconFiveColumnLayoutLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout').then(function (module) {
+    return module.default;
+  });
+});
+IconFiveColumnLayoutLazy.displayName = 'lazy(IconFiveColumnLayout)';
+var IconFiveColumnLayoutLoadable = Loadable({
+  loader: loadIconFiveColumnLayout,
   loading: function loading() {
     return null;
   }
 });
+export var IconFiveColumnLayout = function IconFiveColumnLayout(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconFiveColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconFiveColumnLayoutLoadable, props);
+};
+IconFiveColumnLayout.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconFiveColumnLayoutLazy.preload() : IconFiveColumnLayoutLoadable.preload();
+};
 function importHeading(level) {
   switch (level) {
     case 1:
@@ -263,87 +698,222 @@ function importHeading(level) {
 export var IconHeading = function IconHeading(_ref) {
   var level = _ref.level,
     label = _ref.label;
-  var Icon = Loadable({
-    loader: function loader() {
-      return importHeading(level).then(function (module) {
-        return module.default;
-      });
-    },
+  var loadIconHeading = function loadIconHeading() {
+    return importHeading(level).then(function (module) {
+      return module.default;
+    });
+  };
+  var IconHeadingLazy = lazy(function () {
+    return loadIconHeading();
+  });
+  IconHeadingLazy.displayName = "lazy(IconHeading".concat(level, ")");
+  var IconHeadingLoadable = Loadable({
+    loader: loadIconHeading,
     loading: function loading() {
       return null;
     }
   });
-  return /*#__PURE__*/React.createElement(Icon, {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconHeadingLazy, {
+    label: label
+  })) : /*#__PURE__*/React.createElement(IconHeadingLoadable, {
     label: label
   });
 };
-export var IconFeedback = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback').then(function (module) {
-      return module.default;
-    });
-  },
+var loadIconFeedback = function loadIconFeedback() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback').then(function (module) {
+    return module.default;
+  });
+};
+var IconFeedbackLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback').then(function (module) {
+    return module.default;
+  });
+});
+IconFeedbackLazy.displayName = 'lazy(IconFeedback)';
+var IconFeedbackLoadable = Loadable({
+  loader: loadIconFeedback,
   loading: function loading() {
     return null;
   }
 });
-export var IconExpand = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconFeedback = function IconFeedback(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconFeedbackLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconFeedbackLoadable, props);
+};
+IconFeedback.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconFeedbackLazy.preload() : IconFeedbackLoadable.preload();
+};
+var loadIconExpand = function loadIconExpand() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand').then(function (module) {
+    return module.default;
+  });
+};
+var IconExpandLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand').then(function (module) {
+    return module.default;
+  });
+});
+IconExpandLazy.displayName = 'lazy(IconExpand)';
+var IconExpandLoadable = Loadable({
+  loader: loadIconExpand,
   loading: function loading() {
     return null;
   }
 });
-export var IconDatasourceJiraIssue = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconExpand = function IconExpand(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconExpandLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconExpandLoadable, props);
+};
+IconExpand.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconExpandLazy.preload() : IconExpandLoadable.preload();
+};
+var loadIconDatasourceJiraIssue = function loadIconDatasourceJiraIssue() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue').then(function (module) {
+    return module.default;
+  });
+};
+var IconDatasourceJiraIssueLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue').then(function (module) {
+    return module.default;
+  });
+});
+IconDatasourceJiraIssueLazy.displayName = 'lazy(IconDatasourceJiraIssue)';
+var IconDatasourceJiraIssueLoadable = Loadable({
+  loader: loadIconDatasourceJiraIssue,
   loading: function loading() {
     return null;
   }
 });
-export var IconDatasourceAssetsObjects = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconDatasourceJiraIssue = function IconDatasourceJiraIssue(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconDatasourceJiraIssueLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconDatasourceJiraIssueLoadable, props);
+};
+IconDatasourceJiraIssue.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDatasourceJiraIssueLazy.preload() : IconDatasourceJiraIssueLoadable.preload();
+};
+var loadIconDatasourceAssetsObjects = function loadIconDatasourceAssetsObjects() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects').then(function (module) {
+    return module.default;
+  });
+};
+var IconDatasourceAssetsObjectsLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects').then(function (module) {
+    return module.default;
+  });
+});
+IconDatasourceAssetsObjectsLazy.displayName = 'lazy(IconDatasourceAssetsObjects)';
+var IconDatasourceAssetsObjectsLoadable = Loadable({
+  loader: loadIconDatasourceAssetsObjects,
   loading: function loading() {
     return null;
   }
 });
-export var IconDatasourceConfluenceSearch = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconDatasourceAssetsObjects = function IconDatasourceAssetsObjects(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconDatasourceAssetsObjectsLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconDatasourceAssetsObjectsLoadable, props);
+};
+IconDatasourceAssetsObjects.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDatasourceAssetsObjectsLazy.preload() : IconDatasourceAssetsObjectsLoadable.preload();
+};
+var loadIconDatasourceConfluenceSearch = function loadIconDatasourceConfluenceSearch() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search').then(function (module) {
+    return module.default;
+  });
+};
+var IconDatasourceConfluenceSearchLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search').then(function (module) {
+    return module.default;
+  });
+});
+IconDatasourceConfluenceSearchLazy.displayName = 'lazy(IconDatasourceConfluenceSearch)';
+var IconDatasourceConfluenceSearchLoadable = Loadable({
+  loader: loadIconDatasourceConfluenceSearch,
   loading: function loading() {
     return null;
   }
 });
-export var IconLoom = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconDatasourceConfluenceSearch = function IconDatasourceConfluenceSearch(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconDatasourceConfluenceSearchLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconDatasourceConfluenceSearchLoadable, props);
+};
+IconDatasourceConfluenceSearch.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconDatasourceConfluenceSearchLazy.preload() : IconDatasourceConfluenceSearchLoadable.preload();
+};
+var loadIconLoom = function loadIconLoom() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom').then(function (module) {
+    return module.default;
+  });
+};
+var IconLoomLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom').then(function (module) {
+    return module.default;
+  });
+});
+IconLoomLazy.displayName = 'lazy(IconLoom)';
+var IconLoomLoadable = Loadable({
+  loader: loadIconLoom,
   loading: function loading() {
     return null;
   }
 });
-export var IconSyncBlock = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock').then(function (module) {
-      return module.default;
-    });
-  },
+export var IconLoom = function IconLoom(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconLoomLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconLoomLoadable, props);
+};
+IconLoom.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconLoomLazy.preload() : IconLoomLoadable.preload();
+};
+var loadIconSyncBlock = function loadIconSyncBlock() {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock').then(function (module) {
+    return module.default;
+  });
+};
+var IconSyncBlockLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock').then(function (module) {
+    return module.default;
+  });
+});
+IconSyncBlockLazy.displayName = 'lazy(IconSyncBlock)';
+var IconSyncBlockLoadable = Loadable({
+  loader: loadIconSyncBlock,
   loading: function loading() {
     return null;
   }
-});
+});
+export var IconSyncBlock = function IconSyncBlock(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(IconSyncBlockLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  React.createElement(IconSyncBlockLoadable, props);
+};
+IconSyncBlock.preload = function () {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? IconSyncBlockLazy.preload() : IconSyncBlockLoadable.preload();
+};