@atlaskit/editor-common 115.6.0 → 115.7.0

package/dist/cjs/selection/isSelectionAtEndOfNode.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSelectionAtEndOfNode = void 0;
+var isSelectionAtEndOfNode = exports.isSelectionAtEndOfNode = function isSelectionAtEndOfNode($pos, parentNode) {
+  if (!parentNode) {
+    return false;
+  }
+  for (var i = $pos.depth + 1; i > 0; i--) {
+    var node = $pos.node(i);
+    if (node && node.eq(parentNode)) {
+      break;
+    }
+    if (i > 1 && $pos.after(i) !== $pos.after(i - 1) - 1) {
+      return false;
+    }
+  }
+  return true;
+};

package/dist/cjs/selection/isSelectionAtStartOfNode.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSelectionAtStartOfNode = void 0;
+var isSelectionAtStartOfNode = exports.isSelectionAtStartOfNode = function isSelectionAtStartOfNode($pos, parentNode) {
+  if (!parentNode) {
+    return false;
+  }
+  for (var i = $pos.depth + 1; i > 0; i--) {
+    var node = $pos.node(i);
+    if (node && node.eq(parentNode)) {
+      break;
+    }
+    if (i > 1 && $pos.before(i) !== $pos.before(i - 1) + 1) {
+      return false;
+    }
+  }
+  return true;
+};

package/dist/cjs/selection/startPositionOfParent.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.startPositionOfParent = startPositionOfParent;
+function startPositionOfParent(resolvedPos) {
+  return resolvedPos.start(resolvedPos.depth);
+}

package/dist/cjs/selection/utils.js

@@ -5,62 +5,73 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.atTheBeginningOfBlock = atTheBeginningOfBlock;
-exports.atTheBeginningOfDoc = atTheBeginningOfDoc;
+Object.defineProperty(exports, "atTheBeginningOfDoc", {
+  enumerable: true,
+  get: function get() {
+    return _atTheBeginningOfDoc.atTheBeginningOfDoc;
+  }
+});
 exports.atTheEndOfBlock = atTheEndOfBlock;
-exports.atTheEndOfDoc = atTheEndOfDoc;
+Object.defineProperty(exports, "atTheEndOfDoc", {
+  enumerable: true,
+  get: function get() {
+    return _atTheEndOfDoc.atTheEndOfDoc;
+  }
+});
 exports.deleteSelectedRange = void 0;
-exports.endPositionOfParent = endPositionOfParent;
-exports.expandToBlockRange = exports.expandSelectionToBlockRange = exports.expandSelectionBounds = void 0;
+Object.defineProperty(exports, "endPositionOfParent", {
+  enumerable: true,
+  get: function get() {
+    return _endPositionOfParent.endPositionOfParent;
+  }
+});
+Object.defineProperty(exports, "expandSelectionBounds", {
+  enumerable: true,
+  get: function get() {
+    return _expandSelectionBounds.expandSelectionBounds;
+  }
+});
+exports.expandToBlockRange = exports.expandSelectionToBlockRange = void 0;
 exports.getSourceNodesFromSelectionRange = getSourceNodesFromSelectionRange;
-exports.isMultiBlockRange = void 0;
+Object.defineProperty(exports, "isMultiBlockRange", {
+  enumerable: true,
+  get: function get() {
+    return _isMultiBlockRange.isMultiBlockRange;
+  }
+});
 exports.isMultiBlockSelection = isMultiBlockSelection;
-exports.isSelectionAtStartOfNode = exports.isSelectionAtEndOfNode = void 0;
+Object.defineProperty(exports, "isSelectionAtEndOfNode", {
+  enumerable: true,
+  get: function get() {
+    return _isSelectionAtEndOfNode.isSelectionAtEndOfNode;
+  }
+});
+Object.defineProperty(exports, "isSelectionAtStartOfNode", {
+  enumerable: true,
+  get: function get() {
+    return _isSelectionAtStartOfNode.isSelectionAtStartOfNode;
+  }
+});
 exports.selectionIsAtTheBeginningOfBlock = selectionIsAtTheBeginningOfBlock;
-exports.startPositionOfParent = startPositionOfParent;
+Object.defineProperty(exports, "startPositionOfParent", {
+  enumerable: true,
+  get: function get() {
+    return _startPositionOfParent.startPositionOfParent;
+  }
+});
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _utils2 = require("../utils");
+var _endPositionOfParent = require("./endPositionOfParent");
 var _selection = require("./gap-cursor/selection");
-var isSelectionAtStartOfNode = exports.isSelectionAtStartOfNode = function isSelectionAtStartOfNode($pos, parentNode) {
-  if (!parentNode) {
-    return false;
-  }
-  for (var i = $pos.depth + 1; i > 0; i--) {
-    var node = $pos.node(i);
-    if (node && node.eq(parentNode)) {
-      break;
-    }
-    if (i > 1 && $pos.before(i) !== $pos.before(i - 1) + 1) {
-      return false;
-    }
-  }
-  return true;
-};
-var isSelectionAtEndOfNode = exports.isSelectionAtEndOfNode = function isSelectionAtEndOfNode($pos, parentNode) {
-  if (!parentNode) {
-    return false;
-  }
-  for (var i = $pos.depth + 1; i > 0; i--) {
-    var node = $pos.node(i);
-    if (node && node.eq(parentNode)) {
-      break;
-    }
-    if (i > 1 && $pos.after(i) !== $pos.after(i - 1) - 1) {
-      return false;
-    }
-  }
-  return true;
-};
-function atTheEndOfDoc(state) {
-  var selection = state.selection,
-    doc = state.doc;
-  return doc.nodeSize - selection.$to.pos - 2 === selection.$to.depth;
-}
-function atTheBeginningOfDoc(state) {
-  var selection = state.selection;
-  return selection.$from.pos === selection.$from.depth;
-}
+var _isMultiBlockRange = require("./isMultiBlockRange");
+var _startPositionOfParent = require("./startPositionOfParent");
+var _isSelectionAtStartOfNode = require("./isSelectionAtStartOfNode");
+var _isSelectionAtEndOfNode = require("./isSelectionAtEndOfNode");
+var _atTheEndOfDoc = require("./atTheEndOfDoc");
+var _atTheBeginningOfDoc = require("./atTheBeginningOfDoc");
+var _expandSelectionBounds = require("./expandSelectionBounds");
 function atTheEndOfBlock(state) {
   var selection = state.selection;
   var $to = selection.$to;
@@ -70,7 +81,7 @@ function atTheEndOfBlock(state) {
   if (selection instanceof _state.NodeSelection && selection.node.isBlock) {
     return true;
   }
-  return endPositionOfParent($to) === $to.pos + 1;
+  return (0, _endPositionOfParent.endPositionOfParent)($to) === $to.pos + 1;
 }
 function atTheBeginningOfBlock(state) {
   var selection = state.selection;
@@ -84,60 +95,9 @@ function selectionIsAtTheBeginningOfBlock(selection) {
   if (selection instanceof _state.NodeSelection && selection.node.isBlock) {
     return true;
   }
-  return startPositionOfParent($from) === $from.pos;
-}
-function startPositionOfParent(resolvedPos) {
-  return resolvedPos.start(resolvedPos.depth);
-}
-function endPositionOfParent(resolvedPos) {
-  return resolvedPos.end(resolvedPos.depth) + 1;
+  return (0, _startPositionOfParent.startPositionOfParent)($from) === $from.pos;
 }
 
-/**
- *
- * @param $anchor Resolved selection anchor position
- * @param $head Resolved selection head position
- * @returns An expanded selection encompassing surrounding nodes. Hoists up to the shared depth anchor/head depths differ.
- */
-var expandSelectionBounds = exports.expandSelectionBounds = function expandSelectionBounds($anchor, $head) {
-  var sharedDepth = $anchor.sharedDepth($head.pos) + 1;
-  var $from = $anchor.min($head);
-  var $to = $anchor.max($head);
-  var fromDepth = $from.depth;
-  var toDepth = $to.depth;
-  var selectionStart;
-  var selectionEnd;
-  var selectionHasGrandparent = toDepth > 1 && fromDepth > 1;
-  var selectionIsAcrossDiffParents = selectionHasGrandparent && !$to.parent.isTextblock && !$to.sameParent($from);
-  var selectionIsAcrossTextBlocksWithDiffParents = selectionHasGrandparent && $to.parent.isTextblock && $to.before(toDepth - 1) !== $from.before(fromDepth - 1);
-  if (toDepth > fromDepth) {
-    selectionStart = $from.before(sharedDepth);
-    selectionEnd = $to.after(sharedDepth);
-  } else if (toDepth < fromDepth) {
-    selectionStart = $from.before(sharedDepth);
-    selectionEnd = $to.after(sharedDepth);
-  } else if (selectionIsAcrossDiffParents || selectionIsAcrossTextBlocksWithDiffParents) {
-    // when selection from/to share same depth with different parents, hoist up the selection to the parent of the highest depth in the selection
-    selectionStart = $from.before(sharedDepth);
-    selectionEnd = $to.after(sharedDepth);
-  } else if (!$from.node().inlineContent) {
-    // when selection might be a Node selection, return what was passed in
-    return {
-      $anchor: $anchor,
-      $head: $head
-    };
-  } else {
-    selectionStart = fromDepth ? $from.before() : $from.pos;
-    selectionEnd = toDepth ? $to.after() : $to.pos;
-  }
-  var $expandedFrom = $anchor.doc.resolve(selectionStart);
-  var $expandedTo = $anchor.doc.resolve(selectionEnd);
-  return {
-    $anchor: $anchor === $from ? $expandedFrom : $expandedTo,
-    $head: $head === $to ? $expandedTo : $expandedFrom
-  };
-};
-
 /**
  * Delete what is selected in the given transaction.
  * @param tr the transaction to delete the selection from
@@ -218,23 +178,6 @@ var expandSelectionToBlockRange = exports.expandSelectionToBlockRange = function
     $to = _ref2.$to;
   return expandToBlockRange($from, $to);
 };
-var isMultiBlockRange = exports.isMultiBlockRange = function isMultiBlockRange(range) {
-  if (range.endIndex - range.startIndex <= 1) {
-    return false; // At most one child
-  }
-
-  // Count block nodes in the range, return true if more than one
-  var blockCount = 0;
-  for (var i = range.startIndex; i < range.endIndex; i++) {
-    if (range.parent.child(i).isBlock) {
-      blockCount++;
-    }
-    if (blockCount > 1) {
-      return true;
-    }
-  }
-  return false;
-};
 
 /**
  * Determines if a selection contains multiple block nodes.
@@ -245,7 +188,7 @@ function isMultiBlockSelection(selection) {
   if (!range) {
     return false;
   }
-  return isMultiBlockRange(range);
+  return (0, _isMultiBlockRange.isMultiBlockRange)(range);
 }
 
 /**
@@ -276,4 +219,19 @@ function getSourceNodesFromSelectionRange(tr, selection) {
   var sliceEnd = isList ? $to.pos + 1 : $to.pos;
   var slice = tr.doc.slice(sliceStart, sliceEnd);
   return (0, _toConsumableArray2.default)(slice.content.content);
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/styles/index.js

@@ -138,7 +138,7 @@ Object.defineProperty(exports, "StatusSharedCssClassName", {
 Object.defineProperty(exports, "TableSharedCssClassName", {
   enumerable: true,
   get: function get() {
-    return _table.TableSharedCssClassName;
+    return _TableSharedCssClassName.TableSharedCssClassName;
   }
 });
 Object.defineProperty(exports, "TaskDecisionSharedCssClassName", {
@@ -174,7 +174,7 @@ Object.defineProperty(exports, "buttonGroupStyleBeforeVisualRefresh", {
 Object.defineProperty(exports, "calcTableWidth", {
   enumerable: true,
   get: function get() {
-    return _table.calcTableWidth;
+    return _calcTableWidth.calcTableWidth;
   }
 });
 Object.defineProperty(exports, "disableBlueBorderStyles", {
@@ -381,6 +381,8 @@ Object.defineProperty(exports, "wrapperStyle", {
     return _plugins.wrapperStyle;
   }
 });
+var _TableSharedCssClassName = require("./shared/TableSharedCssClassName");
+var _calcTableWidth = require("./shared/calcTableWidth");
 var _table = require("./shared/table");
 var _annotation = require("./shared/annotation");
 var _mediaSingle = require("./shared/media-single");

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableSharedCssClassName = void 0;
+var _adfSchema = require("@atlaskit/adf-schema");
+var TableSharedCssClassName = exports.TableSharedCssClassName = {
+  TABLE_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-container"),
+  TABLE_NODE_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-wrapper"),
+  TABLE_NODE_WRAPPER_NO_OVERFLOW: "".concat(_adfSchema.tablePrefixSelector, "-wrapper-no-overflow"),
+  TABLE_SCROLL_INLINE_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-scroll-inline-shadow"),
+  TABLE_RIGHT_BORDER: "".concat(_adfSchema.tablePrefixSelector, "-right-border"),
+  TABLE_LEFT_BORDER: "".concat(_adfSchema.tablePrefixSelector, "-left-border"),
+  TABLE_LEFT_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-with-left-shadow"),
+  TABLE_NATIVE_STICKY: "".concat(_adfSchema.tablePrefixSelector, "-row-native-sticky"),
+  TABLE_RIGHT_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-with-right-shadow"),
+  TABLE_STICKY_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-sticky-shadow"),
+  TABLE_STICKY_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-sticky-wrapper"),
+  TABLE_STICKY_SCROLLBAR_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-container"),
+  TABLE_STICKY_SENTINEL_TOP: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-top"),
+  TABLE_STICKY_SENTINEL_BOTTOM: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-bottom"),
+  TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-sentinel-top"),
+  TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-sentinel-bottom"),
+  TABLE_SHADOW_SENTINEL_LEFT: "".concat(_adfSchema.tablePrefixSelector, "-shadow-sentinel-left"),
+  TABLE_SHADOW_SENTINEL_RIGHT: "".concat(_adfSchema.tablePrefixSelector, "-shadow-sentinel-right"),
+  TABLE_STICKY: "".concat(_adfSchema.tablePrefixSelector, "-sticky"),
+  // eslint-disable-next-line @atlaskit/editor/no-re-export
+  TABLE_CELL_NODEVIEW_CONTENT_DOM: _adfSchema.tableCellContentDomSelector,
+  // eslint-disable-next-line @atlaskit/editor/no-re-export
+  TABLE_CELL_WRAPPER: _adfSchema.tableCellSelector,
+  // eslint-disable-next-line @atlaskit/editor/no-re-export
+  TABLE_HEADER_CELL_WRAPPER: _adfSchema.tableHeaderSelector,
+  TABLE_ROW_CONTROLS_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-row-controls-wrapper"),
+  TABLE_COLUMN_CONTROLS_DECORATIONS: "".concat(_adfSchema.tablePrefixSelector, "-column-controls-decoration"),
+  TABLE_RESIZER_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-resizer-container"),
+  TABLE_VIEW_CONTENT_WRAP: 'tableView-content-wrap'
+};

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcTableWidth = void 0;
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var calcTableWidth = exports.calcTableWidth = function calcTableWidth(layout, containerWidth) {
+  var addControllerPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  switch (layout) {
+    case 'full-width':
+      return containerWidth ? Math.min(containerWidth - (addControllerPadding ? _editorSharedStyles.akEditorBreakoutPadding : 0), _editorSharedStyles.akEditorFullWidthLayoutWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;
+    case 'wide':
+      if (containerWidth) {
+        return Math.min(containerWidth - (addControllerPadding ? _editorSharedStyles.akEditorBreakoutPadding : 0), _editorSharedStyles.akEditorWideLayoutWidth);
+      }
+      return _editorSharedStyles.akEditorWideLayoutWidth;
+    default:
+      return 'inherit';
+  }
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapBackgroundColors = void 0;
+var _adfSchema = require("@atlaskit/adf-schema");
+var _editorPalette = require("@atlaskit/editor-palette");
+// This is used in order to support usage of DS tokens. Table cell background-color
+// is set inline in '@atlaskit/adf-schema' and the color value is stored in ADF so
+// it is not possible to use tokens there without polluting ADF.
+// As table cell backgrounds are set inline, this should not break mobile as
+// hexToEditorBackgroundPaletteColor() outputs a css variable with fallback hex.
+var mapBackgroundColors = exports.mapBackgroundColors = function mapBackgroundColors() {
+  var cssString = '';
+  _adfSchema.tableBackgroundColorNames.forEach(function (value, key) {
+    var paletteColorValue = (0, _editorPalette.hexToEditorBackgroundPaletteColor)(value);
+    if (paletteColorValue) {
+      cssString += "\n        td[colorname='".concat(key, "' i],\n        th[colorname='").concat(key, "' i] {\n          background-color: ").concat(paletteColorValue, " !important;\n        }\n      ");
+    }
+  });
+  return cssString;
+};

package/dist/cjs/styles/shared/table-cell-background-for-compiled.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableCellBackgroundStyleOverrideForCompiled = void 0;
-var _tableCell = require("./tableCell");
+var _mapBackgroundColors = require("./mapBackgroundColors");
 /**
  * Pre-built CSS string with `background-color` rules for every named table cell
  * color (e.g. `td[colorname='red' i]`, `th[colorname='red' i]`).
@@ -12,4 +12,4 @@ var _tableCell = require("./tableCell");
  * Intended for Compiled CSS consumers — render inside a `<style>` tag, since
  * these rules are dynamically derived and cannot be expressed in a `cssMap`.
  */
-var tableCellBackgroundStyleOverrideForCompiled = exports.tableCellBackgroundStyleOverrideForCompiled = (0, _tableCell.mapBackgroundColors)();
+var tableCellBackgroundStyleOverrideForCompiled = exports.tableCellBackgroundStyleOverrideForCompiled = (0, _mapBackgroundColors.mapBackgroundColors)();

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

@@ -4,10 +4,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableSharedStyle = exports.tableResizeHandleWidth = exports.tablePadding = exports.tableNewColumnMinWidth = exports.tableMarginTopWithControl = exports.tableMarginTop = exports.tableMarginSides = exports.tableMarginBottom = exports.tableControlsSpacing = exports.tableCellPadding = exports.tableCellMinWidth = exports.tableCellBorderWidth = exports.calcTableWidth = exports.TableSharedCssClassName = void 0;
+Object.defineProperty(exports, "TableSharedCssClassName", {
+  enumerable: true,
+  get: function get() {
+    return _TableSharedCssClassName.TableSharedCssClassName;
+  }
+});
+Object.defineProperty(exports, "calcTableWidth", {
+  enumerable: true,
+  get: function get() {
+    return _calcTableWidth.calcTableWidth;
+  }
+});
+exports.tableSharedStyle = exports.tableResizeHandleWidth = exports.tablePadding = exports.tableNewColumnMinWidth = exports.tableMarginTopWithControl = exports.tableMarginTop = exports.tableMarginSides = exports.tableMarginBottom = exports.tableControlsSpacing = exports.tableCellPadding = exports.tableCellMinWidth = exports.tableCellBorderWidth = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _adfSchema = require("@atlaskit/adf-schema");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -15,6 +26,8 @@ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equa
 var _browser = require("../../utils/browser");
 var _codeBlock = require("./code-block");
 var _tableCell = require("./tableCell");
+var _TableSharedCssClassName = require("./TableSharedCssClassName");
+var _calcTableWidth = require("./calcTableWidth");
 var _templateObject, _templateObject2, _templateObject3;
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -29,37 +42,6 @@ var tableCellPadding = exports.tableCellPadding = 8;
 var tableResizeHandleWidth = exports.tableResizeHandleWidth = 6;
 var tablePadding = exports.tablePadding = 8;
 var tableControlsSpacing = exports.tableControlsSpacing = tableMarginTop + tablePadding - tableCellBorderWidth;
-var TableSharedCssClassName = exports.TableSharedCssClassName = {
-  TABLE_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-container"),
-  TABLE_NODE_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-wrapper"),
-  TABLE_NODE_WRAPPER_NO_OVERFLOW: "".concat(_adfSchema.tablePrefixSelector, "-wrapper-no-overflow"),
-  TABLE_SCROLL_INLINE_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-scroll-inline-shadow"),
-  TABLE_RIGHT_BORDER: "".concat(_adfSchema.tablePrefixSelector, "-right-border"),
-  TABLE_LEFT_BORDER: "".concat(_adfSchema.tablePrefixSelector, "-left-border"),
-  TABLE_LEFT_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-with-left-shadow"),
-  TABLE_NATIVE_STICKY: "".concat(_adfSchema.tablePrefixSelector, "-row-native-sticky"),
-  TABLE_RIGHT_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-with-right-shadow"),
-  TABLE_STICKY_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-sticky-shadow"),
-  TABLE_STICKY_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-sticky-wrapper"),
-  TABLE_STICKY_SCROLLBAR_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-container"),
-  TABLE_STICKY_SENTINEL_TOP: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-top"),
-  TABLE_STICKY_SENTINEL_BOTTOM: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-bottom"),
-  TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-sentinel-top"),
-  TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-sentinel-bottom"),
-  TABLE_SHADOW_SENTINEL_LEFT: "".concat(_adfSchema.tablePrefixSelector, "-shadow-sentinel-left"),
-  TABLE_SHADOW_SENTINEL_RIGHT: "".concat(_adfSchema.tablePrefixSelector, "-shadow-sentinel-right"),
-  TABLE_STICKY: "".concat(_adfSchema.tablePrefixSelector, "-sticky"),
-  // eslint-disable-next-line @atlaskit/editor/no-re-export
-  TABLE_CELL_NODEVIEW_CONTENT_DOM: _adfSchema.tableCellContentDomSelector,
-  // eslint-disable-next-line @atlaskit/editor/no-re-export
-  TABLE_CELL_WRAPPER: _adfSchema.tableCellSelector,
-  // eslint-disable-next-line @atlaskit/editor/no-re-export
-  TABLE_HEADER_CELL_WRAPPER: _adfSchema.tableHeaderSelector,
-  TABLE_ROW_CONTROLS_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-row-controls-wrapper"),
-  TABLE_COLUMN_CONTROLS_DECORATIONS: "".concat(_adfSchema.tablePrefixSelector, "-column-controls-decoration"),
-  TABLE_RESIZER_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-resizer-container"),
-  TABLE_VIEW_CONTENT_WRAP: 'tableView-content-wrap'
-};
 
 /* first block node has 0 top margin */
 var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
@@ -67,26 +49,32 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
   (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t"]))) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
   (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> :first-child:not(style),\n\t\t\t\t> style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t"])));
 };
+
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * The style is mirrored in:
+ * - packages/editor/renderer/src/ui/Renderer/RendererStyleContainer.tsx ( seems outdated )
+ * - packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ *
+ * If you are updating this, please also update the above files.
+ *
+ * @deprecated This Emotion-based style function is being phased out as part of the
+ * `platform_editor_core_static_css` experiment migration to Compiled CSS. While the experiment
+ * is running, any changes here MUST also be reflected in `EditorContentContainer-compiled.tsx`
+ * (look for `tableSharedStyle`, `tableSharedStyle_with_*`, `tableSharedStyle_without_*` entries
+ * in the `editorContentStyles` cssMap). Failure to do so will cause visual regressions when the
+ * compiled version is active.
+ */
 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)(_templateObject3 || (_templateObject3 = (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.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.TABLE_RIGHT_BORDER, ",\n\t\t\t\t.").concat(TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t\t") : ".".concat(TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t.").concat(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.TABLE_RIGHT_BORDER, " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.").concat(TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.").concat(TableSharedCssClassName.TABLE_LEFT_BORDER, "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ").concat(_editorSharedStyles.akEditorTableNumberColumnWidth - 1, "px;\n\t\t\t}"), TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, 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.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #0B120E24)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, 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;\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-medium, 6px)", ";\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: 1;\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}" : '', "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)(_templateObject3 || (_templateObject3 = (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;\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-medium, 6px)", ";\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: 1;\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}" : '', "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)"
-  }), "var(--ds-background-neutral, #0515240F)", "var(--ds-background-neutral, #0515240F)", (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* When the number column is enabled, the left visual edge belongs to the number column.\n\t\t   Remove the left border-radius and left border from the table's ::after overlay\n\t\t   so it doesn't double-up or round where the number column already provides that edge. */\n\t\t.".concat(TableSharedCssClassName.TABLE_CONTAINER, "[data-number-column='true'] {\n\t\t\t> .").concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table::after,\n\t\t\t> .").concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table::after {\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\tborder-left-color: transparent;\n\t\t\t}\n\t\t}") : '');
+  }), "var(--ds-background-neutral, #0515240F)", "var(--ds-background-neutral, #0515240F)", (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* When the number column is enabled, the left visual edge belongs to the number column.\n\t\t   Remove the left border-radius and left border from the table's ::after overlay\n\t\t   so it doesn't double-up or round where the number column already provides that edge. */\n\t\t.".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, "[data-number-column='true'] {\n\t\t\t> .").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table::after,\n\t\t\t> .").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table::after {\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\tborder-left-color: transparent;\n\t\t\t}\n\t\t}") : '');
 };
-var calcTableWidth = exports.calcTableWidth = function calcTableWidth(layout, containerWidth) {
-  var addControllerPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  switch (layout) {
-    case 'full-width':
-      return containerWidth ? Math.min(containerWidth - (addControllerPadding ? _editorSharedStyles.akEditorBreakoutPadding : 0), _editorSharedStyles.akEditorFullWidthLayoutWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;
-    case 'wide':
-      if (containerWidth) {
-        return Math.min(containerWidth - (addControllerPadding ? _editorSharedStyles.akEditorBreakoutPadding : 0), _editorSharedStyles.akEditorWideLayoutWidth);
-      }
-      return _editorSharedStyles.akEditorWideLayoutWidth;
-    default:
-      return 'inherit';
-  }
-};
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export

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

@@ -3,30 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableCellBackgroundStyleOverride = exports.mapBackgroundColors = void 0;
+exports.tableCellBackgroundStyleOverride = void 0;
 var _react = require("@emotion/react");
-var _adfSchema = require("@atlaskit/adf-schema");
-var _editorPalette = require("@atlaskit/editor-palette");
+var _mapBackgroundColors = require("./mapBackgroundColors");
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// This is used in order to support usage of DS tokens. Table cell background-color
-// is set inline in '@atlaskit/adf-schema' and the color value is stored in ADF so
-// it is not possible to use tokens there without polluting ADF.
-// As table cell backgrounds are set inline, this should not break mobile as
-// hexToEditorBackgroundPaletteColor() outputs a css variable with fallback hex.
-var mapBackgroundColors = exports.mapBackgroundColors = function mapBackgroundColors() {
-  var cssString = '';
-  _adfSchema.tableBackgroundColorNames.forEach(function (value, key) {
-    var paletteColorValue = (0, _editorPalette.hexToEditorBackgroundPaletteColor)(value);
-    if (paletteColorValue) {
-      cssString += "\n        td[colorname='".concat(key, "' i],\n        th[colorname='").concat(key, "' i] {\n          background-color: ").concat(paletteColorValue, " !important;\n        }\n      ");
-    }
-  });
-  return cssString;
-};
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
 var tableCellBackgroundStyleOverride = exports.tableCellBackgroundStyleOverride = function tableCellBackgroundStyleOverride() {
-  return (0, _react.css)(mapBackgroundColors());
+  return (0, _react.css)((0, _mapBackgroundColors.mapBackgroundColors)());
 };