@atlaskit/editor-common 124.0.0 → 125.1.0

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

@@ -8,296 +8,778 @@ exports.IconTwoColumnLayout = exports.IconThreeColumnLayout = exports.IconSyncBl
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _reactLooselyLazy = require("react-loosely-lazy");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t && /^\.\.?\//.test(t) ? t.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+)?)\.([cm]?)ts$/i, function (t, s, r, n, o) { return s ? e ? ".jsx" : ".js" : !r || n && o ? r + n + "." + o.toLowerCase() + "js" : t; }) : t; }
-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" != (0, _typeof2.default)(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); } /* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
-var IconAction = exports.IconAction = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+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" != (0, _typeof2.default)(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); } /* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */ // oxlint-disable-next-line @atlassian/no-restricted-imports
+var loadIconAction = function loadIconAction() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconActionLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconActionLazy.displayName = 'lazy(IconAction)';
+var IconActionLoadable = (0, _reactLoadable.default)({
+  loader: loadIconAction,
   loading: function loading() {
     return null;
   }
 });
-var IconCode = exports.IconCode = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconAction = exports.IconAction = function IconAction(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconActionLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconActionLoadable, props);
+};
+IconAction.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconActionLazy.preload() : IconActionLoadable.preload();
+};
+var loadIconCode = function loadIconCode() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconCodeLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconCodeLazy.displayName = 'lazy(IconCode)';
+var IconCodeLoadable = (0, _reactLoadable.default)({
+  loader: loadIconCode,
   loading: function loading() {
     return null;
   }
 });
-var IconDate = exports.IconDate = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconCode = exports.IconCode = function IconCode(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconCodeLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconCodeLoadable, props);
+};
+IconCode.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconCodeLazy.preload() : IconCodeLoadable.preload();
+};
+var loadIconDate = function loadIconDate() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconDateLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconDateLazy.displayName = 'lazy(IconDate)';
+var IconDateLoadable = (0, _reactLoadable.default)({
+  loader: loadIconDate,
   loading: function loading() {
     return null;
   }
 });
-var IconDecision = exports.IconDecision = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconDate = exports.IconDate = function IconDate(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconDateLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconDateLoadable, props);
+};
+IconDate.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconDateLazy.preload() : IconDateLoadable.preload();
+};
+var loadIconDecision = function loadIconDecision() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconDecisionLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconDecisionLazy.displayName = 'lazy(IconDecision)';
+var IconDecisionLoadable = (0, _reactLoadable.default)({
+  loader: loadIconDecision,
   loading: function loading() {
     return null;
   }
 });
-var IconDivider = exports.IconDivider = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconDecision = exports.IconDecision = function IconDecision(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconDecisionLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconDecisionLoadable, props);
+};
+IconDecision.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconDecisionLazy.preload() : IconDecisionLoadable.preload();
+};
+var loadIconDivider = function loadIconDivider() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconDividerLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconDividerLazy.displayName = 'lazy(IconDivider)';
+var IconDividerLoadable = (0, _reactLoadable.default)({
+  loader: loadIconDivider,
   loading: function loading() {
     return null;
   }
 });
-var IconEmoji = exports.IconEmoji = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconDivider = exports.IconDivider = function IconDivider(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconDividerLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconDividerLoadable, props);
+};
+IconDivider.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconDividerLazy.preload() : IconDividerLoadable.preload();
+};
+var loadIconEmoji = function loadIconEmoji() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconEmojiLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconEmojiLazy.displayName = 'lazy(IconEmoji)';
+var IconEmojiLoadable = (0, _reactLoadable.default)({
+  loader: loadIconEmoji,
   loading: function loading() {
     return null;
   }
 });
-var IconImages = exports.IconImages = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconEmoji = exports.IconEmoji = function IconEmoji(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconEmojiLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconEmojiLoadable, props);
+};
+IconEmoji.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconEmojiLazy.preload() : IconEmojiLoadable.preload();
+};
+var loadIconImages = function loadIconImages() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconImagesLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconImagesLazy.displayName = 'lazy(IconImages)';
+var IconImagesLoadable = (0, _reactLoadable.default)({
+  loader: loadIconImages,
   loading: function loading() {
     return null;
   }
 });
-var IconLayout = exports.IconLayout = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconImages = exports.IconImages = function IconImages(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconImagesLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconImagesLoadable, props);
+};
+IconImages.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconImagesLazy.preload() : IconImagesLoadable.preload();
+};
+var loadIconLayout = function loadIconLayout() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconLayoutLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconLayoutLazy.displayName = 'lazy(IconLayout)';
+var IconLayoutLoadable = (0, _reactLoadable.default)({
+  loader: loadIconLayout,
   loading: function loading() {
     return null;
   }
 });
-var IconLink = exports.IconLink = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconLayout = exports.IconLayout = function IconLayout(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconLayoutLoadable, props);
+};
+IconLayout.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconLayoutLazy.preload() : IconLayoutLoadable.preload();
+};
+var loadIconLink = function loadIconLink() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconLinkLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconLinkLazy.displayName = 'lazy(IconLink)';
+var IconLinkLoadable = (0, _reactLoadable.default)({
+  loader: loadIconLink,
   loading: function loading() {
     return null;
   }
 });
-var IconListNumber = exports.IconListNumber = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconLink = exports.IconLink = function IconLink(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconLinkLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconLinkLoadable, props);
+};
+IconLink.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconLinkLazy.preload() : IconLinkLoadable.preload();
+};
+var loadIconListNumber = function loadIconListNumber() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconListNumberLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconListNumberLazy.displayName = 'lazy(IconListNumber)';
+var IconListNumberLoadable = (0, _reactLoadable.default)({
+  loader: loadIconListNumber,
   loading: function loading() {
     return null;
   }
 });
-var IconList = exports.IconList = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconListNumber = exports.IconListNumber = function IconListNumber(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconListNumberLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconListNumberLoadable, props);
+};
+IconListNumber.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconListNumberLazy.preload() : IconListNumberLoadable.preload();
+};
+var loadIconList = function loadIconList() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconListLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconListLazy.displayName = 'lazy(IconList)';
+var IconListLoadable = (0, _reactLoadable.default)({
+  loader: loadIconList,
   loading: function loading() {
     return null;
   }
 });
-var IconMention = exports.IconMention = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconList = exports.IconList = function IconList(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconListLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconListLoadable, props);
+};
+IconList.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconListLazy.preload() : IconListLoadable.preload();
+};
+var loadIconMention = function loadIconMention() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconMentionLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconMentionLazy.displayName = 'lazy(IconMention)';
+var IconMentionLoadable = (0, _reactLoadable.default)({
+  loader: loadIconMention,
   loading: function loading() {
     return null;
   }
 });
-var IconPanelError = exports.IconPanelError = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconMention = exports.IconMention = function IconMention(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconMentionLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconMentionLoadable, props);
+};
+IconMention.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconMentionLazy.preload() : IconMentionLoadable.preload();
+};
+var loadIconPanelError = function loadIconPanelError() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelErrorLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconPanelErrorLazy.displayName = 'lazy(IconPanelError)';
+var IconPanelErrorLoadable = (0, _reactLoadable.default)({
+  loader: loadIconPanelError,
   loading: function loading() {
     return null;
   }
 });
-var IconPanelNote = exports.IconPanelNote = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconPanelError = exports.IconPanelError = function IconPanelError(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconPanelErrorLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconPanelErrorLoadable, props);
+};
+IconPanelError.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconPanelErrorLazy.preload() : IconPanelErrorLoadable.preload();
+};
+var loadIconPanelNote = function loadIconPanelNote() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelNoteLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconPanelNoteLazy.displayName = 'lazy(IconPanelNote)';
+var IconPanelNoteLoadable = (0, _reactLoadable.default)({
+  loader: loadIconPanelNote,
   loading: function loading() {
     return null;
   }
 });
-var IconPanelSuccess = exports.IconPanelSuccess = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconPanelNote = exports.IconPanelNote = function IconPanelNote(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconPanelNoteLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconPanelNoteLoadable, props);
+};
+IconPanelNote.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconPanelNoteLazy.preload() : IconPanelNoteLoadable.preload();
+};
+var loadIconPanelSuccess = function loadIconPanelSuccess() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelSuccessLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconPanelSuccessLazy.displayName = 'lazy(IconPanelSuccess)';
+var IconPanelSuccessLoadable = (0, _reactLoadable.default)({
+  loader: loadIconPanelSuccess,
   loading: function loading() {
     return null;
   }
 });
-var IconPanelWarning = exports.IconPanelWarning = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconPanelSuccess = exports.IconPanelSuccess = function IconPanelSuccess(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconPanelSuccessLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconPanelSuccessLoadable, props);
+};
+IconPanelSuccess.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconPanelSuccessLazy.preload() : IconPanelSuccessLoadable.preload();
+};
+var loadIconPanelWarning = function loadIconPanelWarning() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelWarningLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconPanelWarningLazy.displayName = 'lazy(IconPanelWarning)';
+var IconPanelWarningLoadable = (0, _reactLoadable.default)({
+  loader: loadIconPanelWarning,
   loading: function loading() {
     return null;
   }
 });
-var IconPanel = exports.IconPanel = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconPanelWarning = exports.IconPanelWarning = function IconPanelWarning(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconPanelWarningLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconPanelWarningLoadable, props);
+};
+IconPanelWarning.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconPanelWarningLazy.preload() : IconPanelWarningLoadable.preload();
+};
+var loadIconPanel = function loadIconPanel() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconPanelLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconPanelLazy.displayName = 'lazy(IconPanel)';
+var IconPanelLoadable = (0, _reactLoadable.default)({
+  loader: loadIconPanel,
   loading: function loading() {
     return null;
   }
 });
-var IconQuote = exports.IconQuote = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconPanel = exports.IconPanel = function IconPanel(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconPanelLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconPanelLoadable, props);
+};
+IconPanel.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconPanelLazy.preload() : IconPanelLoadable.preload();
+};
+var loadIconQuote = function loadIconQuote() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconQuoteLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconQuoteLazy.displayName = 'lazy(IconQuote)';
+var IconQuoteLoadable = (0, _reactLoadable.default)({
+  loader: loadIconQuote,
   loading: function loading() {
     return null;
   }
 });
-var IconStatus = exports.IconStatus = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconQuote = exports.IconQuote = function IconQuote(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconQuoteLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconQuoteLoadable, props);
+};
+IconQuote.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconQuoteLazy.preload() : IconQuoteLoadable.preload();
+};
+var loadIconStatus = function loadIconStatus() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconStatusLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconStatusLazy.displayName = 'lazy(IconStatus)';
+var IconStatusLoadable = (0, _reactLoadable.default)({
+  loader: loadIconStatus,
   loading: function loading() {
     return null;
   }
 });
-var IconOneColumnLayout = exports.IconOneColumnLayout = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconStatus = exports.IconStatus = function IconStatus(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconStatusLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconStatusLoadable, props);
+};
+IconStatus.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconStatusLazy.preload() : IconStatusLoadable.preload();
+};
+var loadIconOneColumnLayout = function loadIconOneColumnLayout() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconOneColumnLayoutLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-one-column-layout" */'./one-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconOneColumnLayoutLazy.displayName = 'lazy(IconOneColumnLayout)';
+var IconOneColumnLayoutLoadable = (0, _reactLoadable.default)({
+  loader: loadIconOneColumnLayout,
   loading: function loading() {
     return null;
   }
 });
-var IconTwoColumnLayout = exports.IconTwoColumnLayout = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconOneColumnLayout = exports.IconOneColumnLayout = function IconOneColumnLayout(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconOneColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconOneColumnLayoutLoadable, props);
+};
+IconOneColumnLayout.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconOneColumnLayoutLazy.preload() : IconOneColumnLayoutLoadable.preload();
+};
+var loadIconTwoColumnLayout = function loadIconTwoColumnLayout() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconTwoColumnLayoutLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-two-column-layout" */'./two-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconTwoColumnLayoutLazy.displayName = 'lazy(IconTwoColumnLayout)';
+var IconTwoColumnLayoutLoadable = (0, _reactLoadable.default)({
+  loader: loadIconTwoColumnLayout,
   loading: function loading() {
     return null;
   }
 });
-var IconThreeColumnLayout = exports.IconThreeColumnLayout = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconTwoColumnLayout = exports.IconTwoColumnLayout = function IconTwoColumnLayout(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconTwoColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconTwoColumnLayoutLoadable, props);
+};
+IconTwoColumnLayout.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconTwoColumnLayoutLazy.preload() : IconTwoColumnLayoutLoadable.preload();
+};
+var loadIconThreeColumnLayout = function loadIconThreeColumnLayout() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconThreeColumnLayoutLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-three-column-layout" */'./three-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconThreeColumnLayoutLazy.displayName = 'lazy(IconThreeColumnLayout)';
+var IconThreeColumnLayoutLoadable = (0, _reactLoadable.default)({
+  loader: loadIconThreeColumnLayout,
   loading: function loading() {
     return null;
   }
 });
-var IconFourColumnLayout = exports.IconFourColumnLayout = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconThreeColumnLayout = exports.IconThreeColumnLayout = function IconThreeColumnLayout(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconThreeColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconThreeColumnLayoutLoadable, props);
+};
+IconThreeColumnLayout.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconThreeColumnLayoutLazy.preload() : IconThreeColumnLayoutLoadable.preload();
+};
+var loadIconFourColumnLayout = function loadIconFourColumnLayout() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconFourColumnLayoutLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-four-column-layout" */'./four-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconFourColumnLayoutLazy.displayName = 'lazy(IconFourColumnLayout)';
+var IconFourColumnLayoutLoadable = (0, _reactLoadable.default)({
+  loader: loadIconFourColumnLayout,
   loading: function loading() {
     return null;
   }
 });
-var IconFiveColumnLayout = exports.IconFiveColumnLayout = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconFourColumnLayout = exports.IconFourColumnLayout = function IconFourColumnLayout(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconFourColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconFourColumnLayoutLoadable, props);
+};
+IconFourColumnLayout.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconFourColumnLayoutLazy.preload() : IconFourColumnLayoutLoadable.preload();
+};
+var loadIconFiveColumnLayout = function loadIconFiveColumnLayout() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconFiveColumnLayoutLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-five-column-layout" */'./five-column-layout'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconFiveColumnLayoutLazy.displayName = 'lazy(IconFiveColumnLayout)';
+var IconFiveColumnLayoutLoadable = (0, _reactLoadable.default)({
+  loader: loadIconFiveColumnLayout,
   loading: function loading() {
     return null;
   }
 });
+var IconFiveColumnLayout = exports.IconFiveColumnLayout = function IconFiveColumnLayout(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconFiveColumnLayoutLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconFiveColumnLayoutLoadable, props);
+};
+IconFiveColumnLayout.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconFiveColumnLayoutLazy.preload() : IconFiveColumnLayoutLoadable.preload();
+};
 function importHeading(level) {
   switch (level) {
     case 1:
@@ -354,101 +836,250 @@ function importHeading(level) {
 var IconHeading = exports.IconHeading = function IconHeading(_ref) {
   var level = _ref.level,
     label = _ref.label;
-  var Icon = (0, _reactLoadable.default)({
-    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 = (0, _reactLooselyLazy.lazy)(function () {
+    return loadIconHeading();
+  });
+  IconHeadingLazy.displayName = "lazy(IconHeading".concat(level, ")");
+  var IconHeadingLoadable = (0, _reactLoadable.default)({
+    loader: loadIconHeading,
     loading: function loading() {
       return null;
     }
   });
-  return /*#__PURE__*/_react.default.createElement(Icon, {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconHeadingLazy, {
+    label: label
+  })) : /*#__PURE__*/_react.default.createElement(IconHeadingLoadable, {
     label: label
   });
 };
-var IconFeedback = exports.IconFeedback = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var loadIconFeedback = function loadIconFeedback() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconFeedbackLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconFeedbackLazy.displayName = 'lazy(IconFeedback)';
+var IconFeedbackLoadable = (0, _reactLoadable.default)({
+  loader: loadIconFeedback,
   loading: function loading() {
     return null;
   }
 });
-var IconExpand = exports.IconExpand = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconFeedback = exports.IconFeedback = function IconFeedback(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconFeedbackLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconFeedbackLoadable, props);
+};
+IconFeedback.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconFeedbackLazy.preload() : IconFeedbackLoadable.preload();
+};
+var loadIconExpand = function loadIconExpand() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconExpandLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconExpandLazy.displayName = 'lazy(IconExpand)';
+var IconExpandLoadable = (0, _reactLoadable.default)({
+  loader: loadIconExpand,
   loading: function loading() {
     return null;
   }
 });
-var IconDatasourceJiraIssue = exports.IconDatasourceJiraIssue = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconExpand = exports.IconExpand = function IconExpand(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconExpandLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconExpandLoadable, props);
+};
+IconExpand.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconExpandLazy.preload() : IconExpandLoadable.preload();
+};
+var loadIconDatasourceJiraIssue = function loadIconDatasourceJiraIssue() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconDatasourceJiraIssueLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-jira-issue" */'./datasource-jira-issue'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconDatasourceJiraIssueLazy.displayName = 'lazy(IconDatasourceJiraIssue)';
+var IconDatasourceJiraIssueLoadable = (0, _reactLoadable.default)({
+  loader: loadIconDatasourceJiraIssue,
   loading: function loading() {
     return null;
   }
 });
-var IconDatasourceAssetsObjects = exports.IconDatasourceAssetsObjects = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconDatasourceJiraIssue = exports.IconDatasourceJiraIssue = function IconDatasourceJiraIssue(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconDatasourceJiraIssueLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconDatasourceJiraIssueLoadable, props);
+};
+IconDatasourceJiraIssue.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconDatasourceJiraIssueLazy.preload() : IconDatasourceJiraIssueLoadable.preload();
+};
+var loadIconDatasourceAssetsObjects = function loadIconDatasourceAssetsObjects() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconDatasourceAssetsObjectsLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconDatasourceAssetsObjectsLazy.displayName = 'lazy(IconDatasourceAssetsObjects)';
+var IconDatasourceAssetsObjectsLoadable = (0, _reactLoadable.default)({
+  loader: loadIconDatasourceAssetsObjects,
   loading: function loading() {
     return null;
   }
 });
-var IconDatasourceConfluenceSearch = exports.IconDatasourceConfluenceSearch = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconDatasourceAssetsObjects = exports.IconDatasourceAssetsObjects = function IconDatasourceAssetsObjects(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconDatasourceAssetsObjectsLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconDatasourceAssetsObjectsLoadable, props);
+};
+IconDatasourceAssetsObjects.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconDatasourceAssetsObjectsLazy.preload() : IconDatasourceAssetsObjectsLoadable.preload();
+};
+var loadIconDatasourceConfluenceSearch = function loadIconDatasourceConfluenceSearch() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconDatasourceConfluenceSearchLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-confluence-search" */'./datasource-confluence-search'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconDatasourceConfluenceSearchLazy.displayName = 'lazy(IconDatasourceConfluenceSearch)';
+var IconDatasourceConfluenceSearchLoadable = (0, _reactLoadable.default)({
+  loader: loadIconDatasourceConfluenceSearch,
   loading: function loading() {
     return null;
   }
 });
-var IconLoom = exports.IconLoom = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconDatasourceConfluenceSearch = exports.IconDatasourceConfluenceSearch = function IconDatasourceConfluenceSearch(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconDatasourceConfluenceSearchLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconDatasourceConfluenceSearchLoadable, props);
+};
+IconDatasourceConfluenceSearch.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconDatasourceConfluenceSearchLazy.preload() : IconDatasourceConfluenceSearchLoadable.preload();
+};
+var loadIconLoom = function loadIconLoom() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconLoomLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconLoomLazy.displayName = 'lazy(IconLoom)';
+var IconLoomLoadable = (0, _reactLoadable.default)({
+  loader: loadIconLoom,
   loading: function loading() {
     return null;
   }
 });
-var IconSyncBlock = exports.IconSyncBlock = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
+var IconLoom = exports.IconLoom = function IconLoom(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconLoomLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconLoomLoadable, props);
+};
+IconLoom.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconLoomLazy.preload() : IconLoomLoadable.preload();
+};
+var loadIconSyncBlock = function loadIconSyncBlock() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock'));
+  }).then(function (module) {
+    return module.default;
+  });
+};
+var IconSyncBlockLazy = (0, _reactLooselyLazy.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-sync-block" */'./syncBlock'));
+  }).then(function (module) {
+    return module.default;
+  });
+});
+IconSyncBlockLazy.displayName = 'lazy(IconSyncBlock)';
+var IconSyncBlockLoadable = (0, _reactLoadable.default)({
+  loader: loadIconSyncBlock,
   loading: function loading() {
     return null;
   }
-});
+});
+var IconSyncBlock = exports.IconSyncBlock = function IconSyncBlock(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(IconSyncBlockLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
+  _react.default.createElement(IconSyncBlockLoadable, props);
+};
+IconSyncBlock.preload = function () {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconSyncBlockLazy.preload() : IconSyncBlockLoadable.preload();
+};