@atlaskit/editor-common 119.16.1 → 119.16.3

package/dist/cjs/media-single/CommentBadgeNext.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
 var _primitives = require("@atlaskit/primitives");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _media = require("../media");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -40,7 +40,7 @@ var CommentBadgeNext = exports.CommentBadgeNext = function CommentBadgeNext(_ref
         return 'color.background.accent.yellow.subtlest';
     }
   }, [status]);
-  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     position: "top",
     content: title
   }, /*#__PURE__*/_react.default.createElement(_primitives.Pressable

package/dist/cjs/media-single/ExternalImageBadge.js

@@ -10,7 +10,7 @@ var _reactIntl = require("react-intl");
 var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _media = require("../media");
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
@@ -65,7 +65,7 @@ var ExternalImageBadge = exports.ExternalImageBadge = function ExternalImageBadg
     tabIndex: 0
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "external-image-badge"
-  }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: message,
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {

package/dist/cjs/media-single/MediaBadges.js

@@ -9,7 +9,7 @@ exports.MediaBadges = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _primitives = require("@atlaskit/primitives");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -79,7 +79,7 @@ var MediaBadges = exports.MediaBadges = function MediaBadges(_ref) {
   }
 
   // delete this block on cleanup of media-perf-uplift-mutation-fix
-  if (!(0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {
+  if (!(0, _fg.fg)('media-perf-uplift-mutation-fix')) {
     // becuase it is wrapped in a fragment, React.Children.count(children) will always be 1.
     // That makes this check a source of late mutations that we don't need.
     if (!mediaElement || _react.default.Children.count(children) === 0) {

package/dist/cjs/monitoring/error.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _browser = require("@sentry/browser");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _environment = require("./environment");
 var _normaliseSentryBreadcrumbs = require("./normalise-sentry-breadcrumbs");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "119.16.0";
+var packageVersion = "119.16.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007
@@ -68,7 +68,7 @@ var logException = exports.logException = /*#__PURE__*/function () {
         case 3:
           _yield$import2 = _context.sent;
           ExtraErrorData = _yield$import2.ExtraErrorData;
-          breadcrumbsIntegration = (0, _platformFeatureFlags.fg)('platform_editor_sentry_breadcrumbs') ? new _browser.Integrations.Breadcrumbs({
+          breadcrumbsIntegration = (0, _fg.fg)('platform_editor_sentry_breadcrumbs') ? new _browser.Integrations.Breadcrumbs({
             // only enable breadcrumbs for dom (UI clicks and inputs)
             // include 'data-test-id', 'data-testid' in the breadcrumbs if they are found
             dom: {
@@ -84,7 +84,7 @@ var logException = exports.logException = /*#__PURE__*/function () {
             dsn: (0, _environment.isFedRamp)() ? undefined : SENTRY_DSN,
             release: "".concat(packageName, "@").concat(packageVersion),
             environment: (_process$env$CLOUD_EN = process.env.CLOUD_ENV) !== null && _process$env$CLOUD_EN !== void 0 ? _process$env$CLOUD_EN : 'unknown',
-            beforeBreadcrumb: (0, _platformFeatureFlags.fg)('platform_editor_sentry_breadcrumbs') ? _normaliseSentryBreadcrumbs.normaliseSentryBreadcrumbs : undefined,
+            beforeBreadcrumb: (0, _fg.fg)('platform_editor_sentry_breadcrumbs') ? _normaliseSentryBreadcrumbs.normaliseSentryBreadcrumbs : undefined,
             ignoreErrors: [
             // Network issues
             NETWORK_ERROR_REGEX, NETWORK_FAILURE_REGEX, 'TypeError: Failed to fetch',

package/dist/cjs/preset/core-plugin/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.corePlugin = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _nodeAnchorProvider = require("../../node-anchor/node-anchor-provider");
 var _processRawFragmentValue = require("../../utils/processRawFragmentValue");
@@ -87,7 +87,7 @@ var corePlugin = exports.corePlugin = function corePlugin(_ref) {
         if (!isValidPos) {
           return false;
         }
-        if ((0, _platformFeatureFlags.fg)('platform_editor_fix_scroll_to_pos')) {
+        if ((0, _fg.fg)('platform_editor_fix_scroll_to_pos')) {
           var _ref2, _editorView$domAtPos;
           // nodeDOM can return a Text node for inline positions
           var nodeDom = editorView.nodeDOM(pos);

package/dist/cjs/quick-insert/utils.js

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fuse = _interopRequireDefault(require("fuse.js"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _boostNativeResultsAboveSkills = require("./boost-native-results-above-skills");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -88,7 +88,7 @@ function find(query, items, prioritySortingFn) {
 
   // platform_editor_insert_menu_ai: boost native editor elements above skills
   var rerankedResults = (0, _expValEquals.expValEquals)('platform_editor_insert_menu_ai', 'isEnabled', true) ? (0, _boostNativeResultsAboveSkills.boostNativeResultsAboveSkills)(results) : results;
-  if ((0, _platformFeatureFlags.fg)('jim-lower-ranking-in-jira-macro-search')) {
+  if ((0, _fg.fg)('jim-lower-ranking-in-jira-macro-search')) {
     var _rerankedResults$data, _rerankedResults$lega;
     // searching for jira work items macro first
     var datasourceIndex = rerankedResults.findIndex(function (r) {

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _analytics = require("../analytics");
 var _isSsr = require("../core-utils/is-ssr");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
@@ -416,7 +416,7 @@ function getInlineNodeViewProducer(_ref4) {
     if (!isNodeTypeAllowedToBeVirtualized || (0, _isSsr.isSSR)()) {
       return createNodeView(parameters);
     }
-    if ((0, _platformFeatureFlags.fg)('platform_editor_inline_node_virt_threshold_override')) {
+    if ((0, _fg.fg)('platform_editor_inline_node_virt_threshold_override')) {
       return createNodeViewVirtualized(parameters);
     }
     var inlineNodeViewsVirtualizationCounter = counterPerEditorViewMap.get(view) || 0;

package/dist/cjs/react-node-view/index.js

@@ -28,6 +28,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _analytics = require("../analytics");
 var _coreUtils = require("../core-utils");
 var _eventDispatcher = require("../event-dispatcher");
@@ -50,6 +51,12 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
     // Spreading props to pass through dynamic component props
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    /**
+     * Tracks whether a React portal is currently mounted into `domRef`. Only used under
+     * `platform_editor_reduce_event_listener_count`, where a node view whose `render()`
+     * returns `null` does not mount one at all.
+     */
+    (0, _defineProperty2.default)(this, "hasMountedPortal", false);
     (0, _defineProperty2.default)(this, "decorations", []);
     (0, _defineProperty2.default)(this, "handleRef", function (node) {
       return _this._handleRef(node);
@@ -153,13 +160,41 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
       if (!this.domRef || !component) {
         return;
       }
+
+      // React 18 does event delegation per portal container: `createPortal` calls
+      // `listenToAllSupportedEvents(container)`, which registers a bubble *and* a capture
+      // listener for every supported event type — roughly 130 real `addEventListener` calls
+      // on the container element. Those listeners are never removed (React has no
+      // un-listen path), so mounting a portal for a node view that renders nothing is pure
+      // overhead that scales with the number of such nodes in the document.
+      //
+      // `PortalProviderAPI.render` already invokes the thunk eagerly (see
+      // `getPortalProviderAPI`), so evaluating the element here does not change *when*
+      // `render()` runs — the pre-evaluated element is handed to the same render call below.
+      // If a node view starts out empty and later renders something, `update()` calls back into
+      // this method and the portal is mounted at that point.
+      var renderComponent = component;
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_event_listener_count')) {
+        var element = component();
+        if (element === null) {
+          if (this.hasMountedPortal) {
+            this.portalProviderAPI.remove(this.key);
+            this.hasMountedPortal = false;
+          }
+          return;
+        }
+        this.hasMountedPortal = true;
+        renderComponent = function renderComponent() {
+          return element;
+        };
+      }
       var componentWithErrorBoundary = function componentWithErrorBoundary() {
         var _this3$node$type$name, _this3$node;
         return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
           component: _analytics.ACTION_SUBJECT.REACT_NODE_VIEW,
           componentId: (_this3$node$type$name = _this3 === null || _this3 === void 0 || (_this3$node = _this3.node) === null || _this3$node === void 0 || (_this3$node = _this3$node.type) === null || _this3$node === void 0 ? void 0 : _this3$node.name) !== null && _this3$node$type$name !== void 0 ? _this3$node$type$name : _analytics.ACTION_SUBJECT_ID.UNKNOWN_NODE,
           dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
-        }, component());
+        }, renderComponent());
       };
       this.portalProviderAPI.render(componentWithErrorBoundary,
       // Spreading props to pass through dynamic component props

package/dist/cjs/resizer/Resizer.js

@@ -18,7 +18,7 @@ var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _breakout = require("../messages/breakout");
 var _resizer = require("../styles/shared/resizer");
 var _excluded = ["width", "height", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleSize", "handleAlignmentMethod", "handlePositioning", "appearance", "handleStyles", "resizeRatio", "snap", "snapGap", "isHandleVisible", "handleHighlight", "handleTooltipContent", "needExtendedResizeZone", "childrenDOMRef", "labelComponent"]; // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -219,7 +219,7 @@ var ResizerNext = function ResizerNext(props, ref) {
         _react.default.createElement("div", {
           contentEditable: false,
           style: inheritedCSS
-        }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+        }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
           content: handleTooltipContent,
           hideTooltipOnClick: true,
           position: "mouse",

package/dist/cjs/safe-plugin/index.js

@@ -14,7 +14,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _isSsr = require("../core-utils/is-ssr");
 var _nodeAnchorProvider = require("../node-anchor/node-anchor-provider");
@@ -103,7 +103,7 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
           var result = Reflect.apply(target, thisArg, [node, view, safeGetPos].concat((0, _toConsumableArray2.default)(more)));
           if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement ||
           // SSR result?.dom is not an instance of HTMLElement, but we still want to attach metadata to it
-          (0, _isSsr.isSSR)() && isHTMLElement(result === null || result === void 0 ? void 0 : result.dom) && (0, _platformFeatureFlags.fg)('platform_editor_native_anchor_patch_3')) {
+          (0, _isSsr.isSSR)() && isHTMLElement(result === null || result === void 0 ? void 0 : result.dom) && (0, _fg.fg)('platform_editor_native_anchor_patch_3')) {
             var _nodeIdProvider;
             // we only attach metadata to the dom if its position is known
             var pos = safeGetPos();

package/dist/cjs/selection/getLocalIdsFromSelection.js

@@ -8,7 +8,7 @@ exports.getLocalIdsFromSelection = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _contextHelpers = require("./context-helpers");
 /**
  * Get the local IDs from the selection.
@@ -20,7 +20,7 @@ var getLocalIdsFromSelection = exports.getLocalIdsFromSelection = function getLo
     return null;
   }
   if (selection instanceof _state.NodeSelection) {
-    if ((0, _platformFeatureFlags.fg)('platform_editor_ai_selection_local_ids')) {
+    if ((0, _fg.fg)('platform_editor_ai_selection_local_ids')) {
       var _selection$node$attrs;
       var _ids = [];
       var rootLocalId = (_selection$node$attrs = selection.node.attrs) === null || _selection$node$attrs === void 0 ? void 0 : _selection$node$attrs.localId;
@@ -41,7 +41,7 @@ var getLocalIdsFromSelection = exports.getLocalIdsFromSelection = function getLo
     }
     return [selection.node.attrs.localId];
   } else if (selection instanceof _cellSelection.CellSelection) {
-    if ((0, _platformFeatureFlags.fg)('platform_editor_ai_selection_local_ids')) {
+    if ((0, _fg.fg)('platform_editor_ai_selection_local_ids')) {
       var _ids2 = [];
       var ancestorIds = new Set();
       // Collect localIds from each selected cell and its descendants

package/dist/cjs/styles/shared/table.js

@@ -20,7 +20,7 @@ exports.tableSharedStyle = exports.tableResizeHandleWidth = exports.tablePadding
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _browser = require("../../utils/browser");
@@ -69,7 +69,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
 var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
   var browser = (0, _browser.getBrowserInfo)();
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n\t\t\t * Fix block top alignment inside table cells.\n\t\t\t */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t", "\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\t", "\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\t\t\t", "\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\t", "\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Fake side borders are not needed when the rounded overlay owns the outer border. */\n\t\t\t\t.".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t\t") : ".".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 1px;\n\t\t\t\theight: calc(100% - ", "var(--ds-space-300, 24px)", ");\n\t\t\t\tbackground: ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", "var(--ds-space-300, 24px)", ";\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ").concat(_editorSharedStyles.akEditorTableNumberColumnWidth - 1, "px;\n\t\t\t}"), _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, _TableSharedCssClassName.TableSharedCssClassName.TABLE_RESIZER_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_RESIZER_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') ? ".".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #0B120E24)", ";\n\t\t}") : '', _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_STICKY_WRAPPER, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Keep a transparent border so the collapsed border model reserves the same 1px slot\n\t\t\t   on the table edge; the ::after overlay draws the visible rounded border instead. */\n\t\t\tborder: ".concat(tableCellBorderWidth, "px solid transparent;") : "border: ".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\tborder-left-color: transparent;\n\t\t\tborder-right-color: transparent;"), (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "position: relative;\n\n\t\t\t/* Table-width outer-border owner for overflow-safe rounded corners. */\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: -0.5px;\n\t\t\t\tborder: ".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\t\tborder-radius: ", "var(--ds-radius-xlarge, 12px)", ";\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\n\t\t\t/* When content-visibility is applied to the table (see editor-plugin-table nodeview), the\n\t\t\t   implied `contain: paint` clips descendant painting to the table's border-box. The\n\t\t\t   overlay above sits at `inset: -0.5px` (half a pixel outside), so it would be shaved \u2014\n\t\t\t   most visibly along the bottom. Pull it flush to the edge so it paints inside the clip. */\n\t\t\t&[data-content-visibility]::after {\n\t\t\t\tinset: 0;\n\t\t\t}") : '', "var(--ds-background-neutral-subtle, #00000000)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) ? "&[data-valign='middle'] {\n\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&[data-valign='bottom'] {\n\t\t\t\t\t\t\t\tvertical-align: bottom;\n\t\t\t\t\t\t\t}" : '', "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Let the wrapper overlay own the outer table perimeter.\n\t\t\t\t   data-reaches-* attributes are set by the TableCell node view. */\n\t\t\t\t> tbody > tr > th[data-reaches-top],\n\t\t\t\t> tbody > tr > td[data-reaches-top] {\n\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th[data-reaches-left],\n\t\t\t\t> tbody > tr > td[data-reaches-left] {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > td[data-reaches-left]::after {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > td[data-reaches-bottom]::after,\n\t\t\t\t> tbody > tr > th[data-reaches-bottom]::after {\n\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t/* The rounded-table overlay owns transparent perimeter borders.\n\t\t\t\t   Paint edge cell backgrounds into that reserved border area so coloured\n\t\t\t\t   first/last rows do not show the page background through 1px seams. */\n\t\t\t\t> tbody > tr > th[data-reaches-top],\n\t\t\t\t> tbody > tr > td[data-reaches-top],\n\t\t\t\t> tbody > tr > th[data-reaches-bottom],\n\t\t\t\t> tbody > tr > td[data-reaches-bottom] {\n\t\t\t\t\tbackground-clip: border-box;\n\t\t\t\t}" : '', "var(--ds-background-accent-gray-subtlest, #F0F1F2)", (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, #FFFFFF)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, #0B120E24)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n\t\t\t * Fix block top alignment inside table cells.\n\t\t\t */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t", "\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\t", "\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\t\t\t", "\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\t", "\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Fake side borders are not needed when the rounded overlay owns the outer border. */\n\t\t\t\t.".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t\t") : ".".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 1px;\n\t\t\t\theight: calc(100% - ", "var(--ds-space-300, 24px)", ");\n\t\t\t\tbackground: ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", "var(--ds-space-300, 24px)", ";\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ").concat(_editorSharedStyles.akEditorTableNumberColumnWidth - 1, "px;\n\t\t\t}"), _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, _TableSharedCssClassName.TableSharedCssClassName.TABLE_RESIZER_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_RESIZER_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') ? ".".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #0B120E24)", ";\n\t\t}") : '', _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_STICKY_WRAPPER, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Keep a transparent border so the collapsed border model reserves the same 1px slot\n\t\t\t   on the table edge; the ::after overlay draws the visible rounded border instead. */\n\t\t\tborder: ".concat(tableCellBorderWidth, "px solid transparent;") : "border: ".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\tborder-left-color: transparent;\n\t\t\tborder-right-color: transparent;"), (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "position: relative;\n\n\t\t\t/* Table-width outer-border owner for overflow-safe rounded corners. */\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: -0.5px;\n\t\t\t\tborder: ".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\t\tborder-radius: ", "var(--ds-radius-xlarge, 12px)", ";\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\n\t\t\t/* When content-visibility is applied to the table (see editor-plugin-table nodeview), the\n\t\t\t   implied `contain: paint` clips descendant painting to the table's border-box. The\n\t\t\t   overlay above sits at `inset: -0.5px` (half a pixel outside), so it would be shaved \u2014\n\t\t\t   most visibly along the bottom. Pull it flush to the edge so it paints inside the clip. */\n\t\t\t&[data-content-visibility]::after {\n\t\t\t\tinset: 0;\n\t\t\t}") : '', "var(--ds-background-neutral-subtle, #00000000)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) ? "&[data-valign='middle'] {\n\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&[data-valign='bottom'] {\n\t\t\t\t\t\t\t\tvertical-align: bottom;\n\t\t\t\t\t\t\t}" : '', "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Let the wrapper overlay own the outer table perimeter.\n\t\t\t\t   data-reaches-* attributes are set by the TableCell node view. */\n\t\t\t\t> tbody > tr > th[data-reaches-top],\n\t\t\t\t> tbody > tr > td[data-reaches-top] {\n\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th[data-reaches-left],\n\t\t\t\t> tbody > tr > td[data-reaches-left] {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > td[data-reaches-left]::after {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > td[data-reaches-bottom]::after,\n\t\t\t\t> tbody > tr > th[data-reaches-bottom]::after {\n\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t/* The rounded-table overlay owns transparent perimeter borders.\n\t\t\t\t   Paint edge cell backgrounds into that reserved border area so coloured\n\t\t\t\t   first/last rows do not show the page background through 1px seams. */\n\t\t\t\t> tbody > tr > th[data-reaches-top],\n\t\t\t\t> tbody > tr > td[data-reaches-top],\n\t\t\t\t> tbody > tr > th[data-reaches-bottom],\n\t\t\t\t> tbody > tr > td[data-reaches-bottom] {\n\t\t\t\t\tbackground-clip: border-box;\n\t\t\t\t}" : '', "var(--ds-background-accent-gray-subtlest, #F0F1F2)", (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, #FFFFFF)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, #0B120E24)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-background-neutral, #0515240F)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, #0515240F)", (0, _editorSharedStyles.overflowShadow)({
     leftCoverWidth: "var(--ds-space-300, 24px)"

package/dist/cjs/table/SortingIcon.js

@@ -15,7 +15,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _types = require("../types");
 var _consts = require("./consts");
 var _NewSortingIcon = require("./NewSortingIcon");
@@ -136,7 +136,7 @@ var SortingIcon = function SortingIcon(_ref) {
       onKeyDown(event);
     }
   };
-  return (0, _react.jsx)(_tooltip.default, {
+  return (0, _react.jsx)(_Tooltip.default, {
     delay: 0,
     content: content,
     position: "top"

package/dist/cjs/ui/DropList/index.js

@@ -16,7 +16,7 @@ var _react2 = require("@emotion/react");
 var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-next/createAndFireEvents"));
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _Layer = _interopRequireDefault(require("../Layer"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "119.16.0";
+var packageVersion = "119.16.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({
@@ -183,7 +183,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         role: "presentation"
       }, children) : null;
       return (0, _react2.jsx)("div", {
-        css: [this.wrapperStyles, (0, _platformFeatureFlags.fg)('p2m-drop-down-motion') && this.motionStyles],
+        css: [this.wrapperStyles, (0, _fg.fg)('p2m-drop-down-motion') && this.motionStyles],
         ref: this.handleDroplistRef
       }, (0, _react2.jsx)(_Layer.default, {
         content: layerContent,
@@ -191,7 +191,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         position: position,
         onPositioned: onPositioned
       }, (0, _react2.jsx)("div", {
-        css: [this.triggerStyles, (0, _platformFeatureFlags.fg)('p2m-drop-down-motion') && this.motionStyles],
+        css: [this.triggerStyles, (0, _fg.fg)('p2m-drop-down-motion') && this.motionStyles],
         ref: this.handleTriggerRef
       }, trigger)));
     }

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -10,9 +10,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button/custom-theme-button"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _iconOnlySpacing = require("./iconOnlySpacing");
 var _styles = require("./styles");
 var _excluded = ["buttonStyles"];
@@ -76,7 +76,7 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
   var handleOnClick = (0, _react.useCallback)(function (event) {
     onClick === null || onClick === void 0 || onClick(event);
   }, [onClick]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default
   // Only fallback to title for tooltip if title is not shown
   , {
     content: tooltipContent || (iconOnly ? title : undefined),

package/dist/cjs/ui/HoverLinkOverlay/index.js

@@ -15,7 +15,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
@@ -197,7 +197,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       sendVisitLinkAnalytics(_analytics.INPUT_METHOD.DOUBLE_CLICK);
 
       // Double click opens the link in a new tab
-      window.open((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url, '_blank');
+      window.open((0, _fg.fg)('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url, '_blank');
     }
   };
   var handleClick = function handleClick(event) {
@@ -248,7 +248,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
   }, label)), isHovered && (0, _react2.jsx)(_primitives.Anchor, {
     ref: hoverLinkButtonRef,
     xcss: linkStylesCommon,
-    href: (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url,
+    href: (0, _fg.fg)('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url,
     target: "_blank"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- dynamic paddingBlock value based on experiment flags
     ,

package/dist/cjs/ui/Layer/index.js

@@ -16,8 +16,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _popper = _interopRequireDefault(require("popper.js"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _popper2 = require("@atlaskit/popper/popper");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _main = require("@atlaskit/popper/main");
 var _helpers = require("./internal/helpers");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -286,7 +286,7 @@ function PopperInterop(_ref3) {
   }, [children]);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     ref: targetRef
-  }, children), content && referenceElement ? /*#__PURE__*/_react.default.createElement(_popper2.Popper, {
+  }, children), content && referenceElement ? /*#__PURE__*/_react.default.createElement(_main.Popper, {
     modifiers: modifiers,
     offset: parsedOffset,
     placement: (0, _helpers.positionPropToPopperPosition)(position),
@@ -314,7 +314,7 @@ function Layer(_ref5) {
     onPositioned = _ref5$onPositioned === void 0 ? defaultProps.onPositioned : _ref5$onPositioned,
     _ref5$position = _ref5.position,
     position = _ref5$position === void 0 ? defaultProps.position : _ref5$position;
-  if ((0, _platformFeatureFlags.fg)('platform-dst-popper-consolidation')) {
+  if ((0, _fg.fg)('platform-dst-popper-consolidation')) {
     return /*#__PURE__*/_react.default.createElement(PopperInterop, {
       content: content,
       offset: offset,

package/dist/cjs/ui/MediaSingle/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _constants = require("../../media-single/constants");
 var _getMediaSinglePixelWidth = require("../../media-single/getMediaSinglePixelWidth");
@@ -109,7 +109,7 @@ function MediaSingle(_ref) {
   var paddingBottom;
   if (isHeightOnly) {
     mediaWrapperHeight = height;
-  } else if (width !== undefined && !Number.isFinite(height / width * 100) && (0, _platformFeatureFlags.fg)('platform_editor_embed_height_only_fallback')) {
+  } else if (width !== undefined && !Number.isFinite(height / width * 100) && (0, _fg.fg)('platform_editor_embed_height_only_fallback')) {
     // The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
     // which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
     // unavailable in the host renderer). Fall back to the embed's absolute height so the box
@@ -146,10 +146,10 @@ function MediaSingle(_ref) {
       isExtendedResizeExperienceOn: isPixelWidth,
       isInsideOfInlineExtension: isInsideOfInlineExtension,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-      isInRenderer: isInRenderer && (0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')
+      isInRenderer: isInRenderer && (0, _fg.fg)('media-perf-uplift-mutation-fix')
     })
     // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/platform/no-preconditioning
-  }, !(0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') ? {} : {
+  }, !(0, _fg.fg)('platform_editor_fix_media_in_renderer') ? {} : {
     'data-layout': layout
   }, {
     "data-width": mediaSingleWidth,

package/dist/cjs/ui/MediaSingle/styled.js

@@ -25,7 +25,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils = require("../../utils");
 var _breakout = require("../../utils/breakout");
 var _calcResizedWidth = require("./calcResizedWidth");
@@ -247,7 +247,7 @@ var MediaBorderGapFiller = exports.MediaBorderGapFiller = function MediaBorderGa
   // [FEATURE FLAG: platform_editor_media_border_radius_fix]
   // Fixes border radius to properly match image with 8px radius
   // To clean up: remove conditional, keep only flag-on behavior ('8px')
-  var borderRadius = (0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : '1px'; // OLD BEHAVIOR (to be removed when flag is cleaned up)
+  var borderRadius = (0, _fg.fg)('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : '1px'; // OLD BEHAVIOR (to be removed when flag is cleaned up)
 
   return (0, _react2.jsx)("div", {
     style: {

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _mention = require("@atlaskit/mention");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _anchor = require("@atlaskit/primitives/anchor");
 var _user = _interopRequireDefault(require("@atlaskit/profilecard/user"));
 var _navigation = require("@atlaskit/teams-app-config/navigation");
@@ -90,7 +90,7 @@ function MentionWithProfileCard(_ref) {
       trigger: "click"
     }, mention);
   }
-  if ((0, _platformFeatureFlags.fg)('people-teams_migrate-user-profile-card') || (0, _isExperimentEnabled.isExperimentEnabled)('pt_user_profile_card_migration_exp')) {
+  if ((0, _fg.fg)('people-teams_migrate-user-profile-card') || (0, _isExperimentEnabled.isExperimentEnabled)('pt_user_profile_card_migration_exp')) {
     if (renderUserMentionCard) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderUserMentionCard({
         userId: id,

package/dist/cjs/ui/UnsupportedBlock/index.js

@@ -11,7 +11,7 @@ var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/question-circle"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _analytics = require("../../analytics");
 var _unsupportedContent = require("../../messages/unsupportedContent");
 var _trackUnsupportedContent = require("../../utils/track-unsupported-content");
@@ -62,7 +62,7 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
     (0, _react2.jsx)("div", {
       css: blockNodeStyle,
       className: "unsupported"
-    }, message, (0, _react2.jsx)(_tooltip.default, {
+    }, message, (0, _react2.jsx)(_Tooltip.default, {
       content: tooltipContent,
       hideTooltipOnClick: false,
       position: "bottom",

package/dist/cjs/ui/UnsupportedInline/index.js

@@ -11,7 +11,7 @@ var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/question-circle"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _analytics = require("../../analytics");
 var _unsupportedContent = require("../../messages/unsupportedContent");
 var _trackUnsupportedContent = require("../../utils/track-unsupported-content");
@@ -57,7 +57,7 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
   }, [dispatchAnalyticsEvent, originalNodeType]);
   return (0, _react2.jsx)("span", {
     css: inlineNodeStyle
-  }, message, (0, _react2.jsx)(_tooltip.default, {
+  }, message, (0, _react2.jsx)(_Tooltip.default, {
     content: tooltipContent,
     hideTooltipOnClick: false,
     position: "bottom",