@atlaskit/editor-common 115.6.0 → 115.7.1

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)());
 };

package/dist/cjs/sync-block/SyncedBlocksSSRErrorCodeMap.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyncedBlocksSSRErrorCodeMap = void 0;
+/**
+ * Error codes for synced blocks preloading
+ * Used for tracking and monitoring errors during SSR preload phase
+ */
+var SyncedBlocksSSRErrorCodeMap = exports.SyncedBlocksSSRErrorCodeMap = {
+  /**
+   * Occurs when the fetch operation returns fewer results than requested.
+   * This indicates incomplete data retrieval or potential data loss.
+   * Included in error: list of missing block identifiers
+   */
+  FETCH_INCOMPLETE: 'SYNCED_BLOCKS_FETCH_INCOMPLETE',
+  /**
+   * Occurs when the batch fetch operation throws an error during execution.
+   * This indicates a network error, timeout, or API failure.
+   * Included in error: resource IDs that failed to fetch
+   */
+  BATCH_FETCH_FAILED: 'SYNCED_BLOCKS_BATCH_FETCH_FAILED',
+  /**
+   * Occurs when the fetch operation times out without returning results.
+   * This is specific to the bulk fetch operation with a configurable timeout.
+   */
+  FETCH_TIMEOUT: 'SYNCED_BLOCKS_FETCH_TIMEOUT'
+};

package/dist/cjs/sync-block/ssr_error.js

@@ -4,34 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleSSRErrorsAnalytics = exports.SyncedBlocksSSRErrorCodeMap = void 0;
+Object.defineProperty(exports, "SyncedBlocksSSRErrorCodeMap", {
+  enumerable: true,
+  get: function get() {
+    return _SyncedBlocksSSRErrorCodeMap.SyncedBlocksSSRErrorCodeMap;
+  }
+});
+exports.handleSSRErrorsAnalytics = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _analytics = require("../analytics");
 var _coreUtils = require("../core-utils");
-/**
- * Error codes for synced blocks preloading
- * Used for tracking and monitoring errors during SSR preload phase
- */
-var SyncedBlocksSSRErrorCodeMap = exports.SyncedBlocksSSRErrorCodeMap = {
-  /**
-   * Occurs when the fetch operation returns fewer results than requested.
-   * This indicates incomplete data retrieval or potential data loss.
-   * Included in error: list of missing block identifiers
-   */
-  FETCH_INCOMPLETE: 'SYNCED_BLOCKS_FETCH_INCOMPLETE',
-  /**
-   * Occurs when the batch fetch operation throws an error during execution.
-   * This indicates a network error, timeout, or API failure.
-   * Included in error: resource IDs that failed to fetch
-   */
-  BATCH_FETCH_FAILED: 'SYNCED_BLOCKS_BATCH_FETCH_FAILED',
-  /**
-   * Occurs when the fetch operation times out without returning results.
-   * This is specific to the bulk fetch operation with a configurable timeout.
-   */
-  FETCH_TIMEOUT: 'SYNCED_BLOCKS_FETCH_TIMEOUT'
-};
-
+var _SyncedBlocksSSRErrorCodeMap = require("./SyncedBlocksSSRErrorCodeMap");
 /**
  * This is the metadata structure for SSR errors stored in the window object.
  */
@@ -43,7 +26,7 @@ var isSyncedBlocksSSRErrorObj = function isSyncedBlocksSSRErrorObj(maybeSSRError
   var errorWrapper = maybeSSRErrorObj;
 
   // Check for meta object with valid code
-  var hasValidMeta = errorWrapper.meta && (0, _typeof2.default)(errorWrapper.meta) === 'object' && Object.values(SyncedBlocksSSRErrorCodeMap).includes(errorWrapper.meta.code);
+  var hasValidMeta = errorWrapper.meta && (0, _typeof2.default)(errorWrapper.meta) === 'object' && Object.values(_SyncedBlocksSSRErrorCodeMap.SyncedBlocksSSRErrorCodeMap).includes(errorWrapper.meta.code);
   return Boolean(hasValidMeta);
 };
 
@@ -124,4 +107,5 @@ var handleSSRErrorsAnalytics = exports.handleSSRErrorsAnalytics = function () {
       });
     }
   };
-}();
+}();
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/sync-block.js

@@ -48,7 +48,7 @@ Object.defineProperty(exports, "SyncBlockStateCssClassName", {
 Object.defineProperty(exports, "SyncedBlocksSSRErrorCodeMap", {
   enumerable: true,
   get: function get() {
-    return _ssr_error.SyncedBlocksSSRErrorCodeMap;
+    return _SyncedBlocksSSRErrorCodeMap.SyncedBlocksSSRErrorCodeMap;
   }
 });
 Object.defineProperty(exports, "handleSSRErrorsAnalytics", {
@@ -65,5 +65,6 @@ Object.defineProperty(exports, "useSyncBlockActions", {
 });
 var _syncBlock = require("./styles/shared/sync-block");
 var _SyncBlockActionsContext = require("./sync-block/SyncBlockActionsContext");
+var _SyncedBlocksSSRErrorCodeMap = require("./sync-block/SyncedBlocksSSRErrorCodeMap");
 var _ssr_error = require("./sync-block/ssr_error");
 var _constants = require("./sync-block/constants");

package/dist/cjs/table/SortingIcon.js

@@ -4,7 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StatusClassNames = void 0;
+Object.defineProperty(exports, "StatusClassNames", {
+  enumerable: true,
+  get: function get() {
+    return _StatusClassNames.StatusClassNames;
+  }
+});
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
@@ -12,8 +18,10 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _types = require("../types");
 var _consts = require("./consts");
-var _messages = require("./messages");
 var _NewSortingIcon = require("./NewSortingIcon");
+var _sortingAriaLabelMessages = require("./sortingAriaLabelMessages");
+var _sortingIconMessages = require("./sortingIconMessages");
+var _StatusClassNames = require("./StatusClassNames");
 var _templateObject, _templateObject2;
 /**
  * @jsxRuntime classic
@@ -21,17 +29,11 @@ var _templateObject, _templateObject2;
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var StatusClassNames = exports.StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
-  StatusClassNames["ASC"] = "sorting-icon-svg__asc";
-  StatusClassNames["DESC"] = "sorting-icon-svg__desc";
-  StatusClassNames["NO_ORDER"] = "sorting-icon-svg__no_order";
-  StatusClassNames["SORTING_NOT_ALLOWED"] = "sorting-icon-svg__not-allowed";
-  return StatusClassNames;
-}({}); // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: ", " solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border-width-selected, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F0F1F2)", "var(--ds-surface-overlay-pressed, #DDDEE1)", _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), StatusClassNames.DESC, _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
+var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), _StatusClassNames.StatusClassNames.DESC, _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
 
 // The icon is created with CSS due to the following Firefox issue: https://product-fabric.atlassian.net/browse/ED-8001
 // The TL;DR is that svg's in tables mess up how HTML is copied in Firefox. Using a styled div instead solves the problem.
@@ -61,22 +63,22 @@ var getIconClassName = function getIconClassName(isSortingAllowed, sortOrdered)
   var activated = sortOrdered !== _types.SortOrder.NO_ORDER;
   var activeStatusClass = "".concat(_consts.SORTABLE_COLUMN_ICON_CLASSNAME, "-").concat(activated ? 'active' : 'inactive');
   if (!isSortingAllowed) {
-    return "".concat(StatusClassNames.SORTING_NOT_ALLOWED, " ").concat(activeStatusClass);
+    return "".concat(_StatusClassNames.StatusClassNames.SORTING_NOT_ALLOWED, " ").concat(activeStatusClass);
   }
   switch (sortOrdered) {
     case _types.SortOrder.ASC:
-      return "".concat(StatusClassNames.ASC, " ").concat(activeStatusClass);
+      return "".concat(_StatusClassNames.StatusClassNames.ASC, " ").concat(activeStatusClass);
     case _types.SortOrder.DESC:
-      return "".concat(StatusClassNames.DESC, " ").concat(activeStatusClass);
+      return "".concat(_StatusClassNames.StatusClassNames.DESC, " ").concat(activeStatusClass);
     default:
-      return "".concat(StatusClassNames.NO_ORDER, " ").concat(activeStatusClass);
+      return "".concat(_StatusClassNames.StatusClassNames.NO_ORDER, " ").concat(activeStatusClass);
   }
 };
 var getTooltipTitle = function getTooltipTitle(intl, isSortingAllowed, sortOrdered) {
-  var noOrderLabel = _messages.sortingIconMessages.noOrderLabel,
-    ascOrderLabel = _messages.sortingIconMessages.ascOrderLabel,
-    descOrderLabel = _messages.sortingIconMessages.descOrderLabel,
-    invalidLabel = _messages.sortingIconMessages.invalidLabel;
+  var noOrderLabel = _sortingIconMessages.sortingIconMessages.noOrderLabel,
+    ascOrderLabel = _sortingIconMessages.sortingIconMessages.ascOrderLabel,
+    descOrderLabel = _sortingIconMessages.sortingIconMessages.descOrderLabel,
+    invalidLabel = _sortingIconMessages.sortingIconMessages.invalidLabel;
   if (!isSortingAllowed) {
     return intl.formatMessage(invalidLabel);
   }
@@ -91,11 +93,11 @@ var getTooltipTitle = function getTooltipTitle(intl, isSortingAllowed, sortOrder
   return '';
 };
 var getAriaLabel = function getAriaLabel(intl, isSortingAllowed, sortOrdered) {
-  var noOrderLabel = _messages.sortingAriaLabelMessages.noOrderLabel,
-    ascOrderLabel = _messages.sortingAriaLabelMessages.ascOrderLabel,
-    descOrderLabel = _messages.sortingAriaLabelMessages.descOrderLabel,
-    invalidLabel = _messages.sortingAriaLabelMessages.invalidLabel,
-    defaultLabel = _messages.sortingAriaLabelMessages.defaultLabel;
+  var noOrderLabel = _sortingAriaLabelMessages.sortingAriaLabelMessages.noOrderLabel,
+    ascOrderLabel = _sortingAriaLabelMessages.sortingAriaLabelMessages.ascOrderLabel,
+    descOrderLabel = _sortingAriaLabelMessages.sortingAriaLabelMessages.descOrderLabel,
+    invalidLabel = _sortingAriaLabelMessages.sortingAriaLabelMessages.invalidLabel,
+    defaultLabel = _sortingAriaLabelMessages.sortingAriaLabelMessages.defaultLabel;
   if (!isSortingAllowed) {
     return intl.formatMessage(invalidLabel);
   }
@@ -156,4 +158,4 @@ var SortingIcon = function SortingIcon(_ref) {
   }))));
 };
 var _default_1 = (0, _reactIntl.injectIntl)(SortingIcon);
-var _default = exports.default = _default_1;
+var _default = exports.default = _default_1; // eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/table/StatusClassNames.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatusClassNames = void 0;
+var StatusClassNames = exports.StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
+  StatusClassNames["ASC"] = "sorting-icon-svg__asc";
+  StatusClassNames["DESC"] = "sorting-icon-svg__desc";
+  StatusClassNames["NO_ORDER"] = "sorting-icon-svg__no_order";
+  StatusClassNames["SORTING_NOT_ALLOWED"] = "sorting-icon-svg__not-allowed";
+  return StatusClassNames;
+}({});

package/dist/cjs/table/content-mode.js

@@ -3,33 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTableInContentMode = exports.hasTableColumnBeenResized = exports.hasTableBeenResized = void 0;
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-/**
- * Returns true if any cell in the first row of the table has a colwidth attribute set.
- *
- * Used by both the editor (as `hasTableColumnBeenResized`) and the renderer (as `hasColWidths`)
- * to determine whether a table has had its columns manually resized.
- */
-var hasTableColumnBeenResized = exports.hasTableColumnBeenResized = function hasTableColumnBeenResized(tableNode) {
-  var firstRow = tableNode.content.firstChild;
-  if (!firstRow) {
-    return false;
-  }
-  for (var i = 0; i < firstRow.childCount; i++) {
-    if (firstRow.child(i).attrs.colwidth) {
-      return true;
-    }
+exports.hasTableBeenResized = void 0;
+Object.defineProperty(exports, "hasTableColumnBeenResized", {
+  enumerable: true,
+  get: function get() {
+    return _hasTableColumnBeenResized.hasTableColumnBeenResized;
   }
-  return false;
-};
-
+});
+exports.isTableInContentMode = void 0;
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+var _hasTableColumnBeenResized = require("./hasTableColumnBeenResized");
 /**
  * Returns true if the table has been explicitly resized — either the table itself has a width
  * attribute set, or any column has been individually resized (colwidth present on cells).
  */
 var hasTableBeenResized = exports.hasTableBeenResized = function hasTableBeenResized(tableNode) {
-  return tableNode.attrs.width !== null || hasTableColumnBeenResized(tableNode);
+  return tableNode.attrs.width !== null || (0, _hasTableColumnBeenResized.hasTableColumnBeenResized)(tableNode);
 };
 
 /**
@@ -59,4 +48,5 @@ var isTableInContentMode = exports.isTableInContentMode = function isTableInCont
     return false;
   }
   return isSupported && !hasTableBeenResized(tableNode) && tableNode.attrs.layout === 'align-start';
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/table/hasTableColumnBeenResized.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasTableColumnBeenResized = void 0;
+/**
+ * Returns true if any cell in the first row of the table has a colwidth attribute set.
+ *
+ * Used by both the editor (as `hasTableColumnBeenResized`) and the renderer (as `hasColWidths`)
+ * to determine whether a table has had its columns manually resized.
+ */
+var hasTableColumnBeenResized = exports.hasTableColumnBeenResized = function hasTableColumnBeenResized(tableNode) {
+  var firstRow = tableNode.content.firstChild;
+  if (!firstRow) {
+    return false;
+  }
+  for (var i = 0; i < firstRow.childCount; i++) {
+    if (firstRow.child(i).attrs.colwidth) {
+      return true;
+    }
+  }
+  return false;
+};

package/dist/cjs/table/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,7 +19,7 @@ Object.defineProperty(exports, "SortingIcon", {
 Object.defineProperty(exports, "StatusClassNames", {
   enumerable: true,
   get: function get() {
-    return _SortingIcon.StatusClassNames;
+    return _StatusClassNames.StatusClassNames;
   }
 });
 Object.defineProperty(exports, "hasTableBeenResized", {
@@ -31,7 +31,7 @@ Object.defineProperty(exports, "hasTableBeenResized", {
 Object.defineProperty(exports, "hasTableColumnBeenResized", {
   enumerable: true,
   get: function get() {
-    return _contentMode.hasTableColumnBeenResized;
+    return _hasTableColumnBeenResized.hasTableColumnBeenResized;
   }
 });
 Object.defineProperty(exports, "isTableInContentMode", {
@@ -41,6 +41,7 @@ Object.defineProperty(exports, "isTableInContentMode", {
   }
 });
 var _consts = require("./consts");
-var _SortingIcon = _interopRequireWildcard(require("./SortingIcon"));
+var _SortingIcon = _interopRequireDefault(require("./SortingIcon"));
+var _StatusClassNames = require("./StatusClassNames");
 var _contentMode = require("./content-mode");
-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); }
+var _hasTableColumnBeenResized = require("./hasTableColumnBeenResized");

package/dist/cjs/table/messages.js

@@ -1,57 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sortingIconMessages = exports.sortingAriaLabelMessages = void 0;
-var _reactIntl = require("react-intl");
-var sortingIconMessages = exports.sortingIconMessages = (0, _reactIntl.defineMessages)({
-  noOrderLabel: {
-    id: 'fabric.editor.headingLink.noOrderLabel',
-    defaultMessage: 'Sort column A to Z',
-    description: 'Label shown on a table column header sort button to sort the column alphabetically from A to Z (ascending order).'
-  },
-  ascOrderLabel: {
-    id: 'fabric.editor.headingLink.ascOrderLabel',
-    defaultMessage: 'Sort column Z to A',
-    description: 'Label shown on a table column header sort button to sort the column alphabetically from Z to A (descending order).'
-  },
-  descOrderLabel: {
-    id: 'fabric.editor.headingLink.descOrderLabel',
-    defaultMessage: 'Clear sorting',
-    description: 'Label shown on a table column header sort button to remove any active sorting and restore the default column order.'
-  },
-  invalidLabel: {
-    id: 'fabric.editor.headingLink.invalidLabel',
-    // eslint-disable-next-line @atlassian/i18n/no-multiple-whitespaces
-    defaultMessage: "\u26A0\uFE0F  You can't sort a table with merged cells",
-    description: 'Warning message shown in a table column header when sorting cannot be applied because the table contains merged cells.'
-  }
-});
-var sortingAriaLabelMessages = exports.sortingAriaLabelMessages = (0, _reactIntl.defineMessages)({
-  noOrderLabel: {
-    id: 'fabric.editor.tableHeader.sorting.no',
-    defaultMessage: 'No sort applied to the column',
-    description: 'Aria-label for Sort column button when sorting was not applied or the sorting has been cleared'
-  },
-  ascOrderLabel: {
-    id: 'fabric.editor.tableHeader.sorting.asc',
-    defaultMessage: 'Ascending sort applied',
-    description: 'Aria-label for Sort column button when ascending sorting was applied'
-  },
-  descOrderLabel: {
-    id: 'fabric.editor.tableHeader.sorting.desc',
-    defaultMessage: 'Descending sort applied',
-    description: 'Aria-label for Sort column button when descending sorting was applied'
-  },
-  invalidLabel: {
-    id: 'fabric.editor.tableHeader.sorting.invalid',
-    defaultMessage: "You can't sort a table with merged cells",
-    description: 'Aria-label for Sort column button when sorting is not possible'
-  },
-  defaultLabel: {
-    id: 'fabric.editor.tableHeader.sorting.default',
-    defaultMessage: 'Sort the column',
-    description: 'Default aria-label for Sort column button'
-  }
-});
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+"use strict";

package/dist/cjs/table/sortingAriaLabelMessages.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sortingAriaLabelMessages = void 0;
+var _reactIntl = require("react-intl");
+var sortingAriaLabelMessages = exports.sortingAriaLabelMessages = (0, _reactIntl.defineMessages)({
+  noOrderLabel: {
+    id: 'fabric.editor.tableHeader.sorting.no',
+    defaultMessage: 'No sort applied to the column',
+    description: 'Aria-label for Sort column button when sorting was not applied or the sorting has been cleared'
+  },
+  ascOrderLabel: {
+    id: 'fabric.editor.tableHeader.sorting.asc',
+    defaultMessage: 'Ascending sort applied',
+    description: 'Aria-label for Sort column button when ascending sorting was applied'
+  },
+  descOrderLabel: {
+    id: 'fabric.editor.tableHeader.sorting.desc',
+    defaultMessage: 'Descending sort applied',
+    description: 'Aria-label for Sort column button when descending sorting was applied'
+  },
+  invalidLabel: {
+    id: 'fabric.editor.tableHeader.sorting.invalid',
+    defaultMessage: "You can't sort a table with merged cells",
+    description: 'Aria-label for Sort column button when sorting is not possible'
+  },
+  defaultLabel: {
+    id: 'fabric.editor.tableHeader.sorting.default',
+    defaultMessage: 'Sort the column',
+    description: 'Default aria-label for Sort column button'
+  }
+});