@atlaskit/editor-common 76.27.7 → 76.27.9

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-common
 
+## 76.27.9
+
+### Patch Changes
+
+- [#61048](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61048) [`f70a1b67acf4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f70a1b67acf4) - [ED-19879] Add zero width space after inline nodes to fix android bug where pressing backspace on inline nodes
+  in Android inserts a slice of inline node's string.
+
+## 76.27.8
+
+### Patch Changes
+
+- [#61923](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61923) [`04e38cfe9e90`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/04e38cfe9e90) - Remove legacy theming logic from all Editor plugin packages. Theming is still available via the @atlaskit/tokens package.
+- Updated dependencies
+
 ## 76.27.7
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.27.7";
+var packageVersion = "76.27.9";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -180,7 +180,12 @@ function getPortalChildren(_ref2) {
       ,
       getPos: nodeViewParams.getPos,
       node: currentNode
-    }, extraComponentProps)), (0, _react2.jsx)("span", {
+    }, extraComponentProps)), _utils.browser.android ? (0, _react2.jsx)("span", {
+      className: "zeroWidthSpaceContainer",
+      contentEditable: "false"
+    }, (0, _react2.jsx)("span", {
+      className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
+    }), _utils.ZERO_WIDTH_SPACE) : (0, _react2.jsx)("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };

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

@@ -11,6 +11,6 @@ var _typography = require("@atlaskit/theme/typography");
 var _templateObject;
 // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 // text sizing prototype: http://proto/fabricrender/
-var headingsSharedStyles = exports.headingsSharedStyles = function headingsSharedStyles(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & h1 {\n    ", ";\n    margin-bottom: 0;\n    margin-top: 1.667em;\n  }\n\n  & h2 {\n    ", ";\n    margin-top: 1.8em;\n    margin-bottom: 0;\n  }\n\n  & h3 {\n    ", ";\n    margin-top: 2em;\n    margin-bottom: 0;\n  }\n\n  & h4 {\n    ", ";\n    margin-top: 1.357em;\n  }\n\n  & h5 {\n    ", ";\n    margin-top: 1.667em;\n    text-transform: none;\n  }\n\n  & h6 {\n    ", ";\n    margin-top: 1.455em;\n    text-transform: none;\n  }\n"])), (0, _typography.h700)(props), (0, _typography.h600)(props), (0, _typography.h500)(props), (0, _typography.h400)(props), (0, _typography.h300)(props), (0, _typography.h100)(props));
+var headingsSharedStyles = exports.headingsSharedStyles = function headingsSharedStyles() {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & h1 {\n    ", ";\n    margin-bottom: 0;\n    margin-top: 1.667em;\n  }\n\n  & h2 {\n    ", ";\n    margin-top: 1.8em;\n    margin-bottom: 0;\n  }\n\n  & h3 {\n    ", ";\n    margin-top: 2em;\n    margin-bottom: 0;\n  }\n\n  & h4 {\n    ", ";\n    margin-top: 1.357em;\n  }\n\n  & h5 {\n    ", ";\n    margin-top: 1.667em;\n    text-transform: none;\n  }\n\n  & h6 {\n    ", ";\n    margin-top: 1.455em;\n    text-transform: none;\n  }\n"])), (0, _typography.h700)(), (0, _typography.h600)(), (0, _typography.h500)(), (0, _typography.h400)(), (0, _typography.h300)(), (0, _typography.h100)());
 };

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

@@ -9,13 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
-var _components = require("@atlaskit/theme/components");
 var _browser = _interopRequireDefault(require("../../utils/browser"));
 var _codeBlock = require("./code-block");
 var _tableCell = require("./tableCell");
 var _templateObject;
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var tableMarginTop = exports.tableMarginTop = 24;
 var tableMarginBottom = exports.tableMarginBottom = 16;
 var tableMarginTopWithControl = exports.tableMarginTopWithControl = 14;
@@ -46,46 +43,14 @@ var TableSharedCssClassName = exports.TableSharedCssClassName = {
   TABLE_COLUMN_CONTROLS_DECORATIONS: "".concat(_adfSchema.tablePrefixSelector, "-column-controls-decoration"),
   TABLE_RESIZER_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-resizer-container")
 };
-var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  .", " {\n    position: relative;\n    margin: 0 auto ", "px;\n    box-sizing: border-box;\n\n    /**\n     * Fix block top alignment inside table cells.\n     */\n    .decisionItemView-content-wrap:first-of-type > div {\n      margin-top: 0;\n    }\n  }\n  .", "[data-number-column='true'] {\n    padding-left: ", "px;\n    clear: both;\n  }\n\n  .", " {\n    will-change: width, margin-left;\n  }\n\n  .", " table {\n    will-change: width;\n  }\n\n  .", " > table {\n    margin: ", "px 0 0 0;\n  }\n\n  .", " > table,\n  .", " > table {\n    margin: ", "px ", "px 0 0;\n  }\n\n  /* avoid applying styles to nested tables (possible via extensions) */\n  .", " > table,\n  .", " > table,\n  .", " > table {\n    border-collapse: collapse;\n    border: ", "px solid\n      ", ";\n    table-layout: fixed;\n    font-size: 1em;\n    width: 100%;\n\n    &[data-autosize='true'] {\n      table-layout: auto;\n    }\n\n    & {\n      * {\n        box-sizing: border-box;\n      }\n      hr {\n        box-sizing: content-box;\n      }\n\n      tbody {\n        border-bottom: none;\n      }\n      th td {\n        background-color: ", ";\n      }\n      th,\n      td {\n        min-width: ", "px;\n        font-weight: normal;\n        vertical-align: top;\n        border: 1px solid\n          ", ";\n        border-right-width: 0;\n        border-bottom-width: 0;\n        padding: ", "px;\n        /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n        ", "\n\n        ", ";\n\n        > :first-child:not(style),\n        > style:first-child + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + *,\n        > style:first-child + .ProseMirror-gapcursor + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + span + *,\n        > style:first-child + .ProseMirror-gapcursor + span + * {\n          margin-top: 0;\n        }\n\n        th p:not(:first-of-type),\n        td p:not(:first-of-type) {\n          margin-top: 12px;\n        }\n      }\n      th {\n        background-color: ", ";\n        text-align: left;\n\n        /* only apply this styling to codeblocks in default background headercells */\n        /* TODO this needs to be overhauled as it relies on unsafe selectors */\n        &:not([style]):not(.danger) {\n          .", ":not(.danger) {\n            background-color: ", ";\n\n            :not(.", ") {\n              box-shadow: 0px 0px 0px 1px\n                ", ";\n            }\n\n            .", " {\n              background-image: ", ";\n\n              background-color: ", ";\n            }\n\n            .", " {\n              background-color: ", ";\n            }\n\n            /* this is only relevant to the element taken care of by renderer */\n            > [data-ds--code--code-block] {\n              background-image: ", "!important;\n\n              background-color: ", "!important;\n\n              // selector lives inside @atlaskit/code\n              --ds--code--line-number-bg-color: ", ";\n            }\n          }\n        }\n      }\n    }\n  }\n"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, tableMarginBottom, TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableMarginTop, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableMarginTop, tableMarginSides, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, (0, _components.themed)({
-    light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
-    dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
-  })(props), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, (0, _components.themed)({
-    light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
-    dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorderDark, ")")
-  })(props), tableCellPadding, _browser.default.gecko || _browser.default.ie || _browser.default.mac && _browser.default.chrome ? 'background-clip: padding-box;' : '', (0, _components.themed)({
-    dark: _editorSharedStyles.getTableCellBackgroundDarkModeColors
-  })(props), (0, _components.themed)({
-    light: "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"),
-    dark: "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbarDark, ")")
-  })(props), _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, (0, _components.themed)({
-    light: "var(--ds-surface-raised, rgb(235, 237, 240))",
-    dark: "var(--ds-surface-raised, rgb(36, 47, 66))"
-  })(props), _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
-    background: (0, _components.themed)({
-      light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-      dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-    })(props),
+var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  .", " {\n    position: relative;\n    margin: 0 auto ", ";\n    box-sizing: border-box;\n\n    /**\n     * Fix block top alignment inside table cells.\n     */\n    .decisionItemView-content-wrap:first-of-type > div {\n      margin-top: 0;\n    }\n  }\n  .", "[data-number-column='true'] {\n    padding-left: ", "px;\n    clear: both;\n  }\n\n  .", " {\n    will-change: width, margin-left;\n  }\n\n  .", " table {\n    will-change: width;\n  }\n\n  .", " > table {\n    margin: ", " 0 0 0;\n  }\n\n  .", " > table,\n  .", " > table {\n    margin: ", " ", " 0 0;\n  }\n\n  /* avoid applying styles to nested tables (possible via extensions) */\n  .", " > table,\n  .", " > table,\n  .", " > table {\n    border-collapse: collapse;\n    border: ", "px solid\n      ", ";\n    table-layout: fixed;\n    font-size: 1em;\n    width: 100%;\n\n    &[data-autosize='true'] {\n      table-layout: auto;\n    }\n\n    & {\n      * {\n        box-sizing: border-box;\n      }\n      hr {\n        box-sizing: content-box;\n      }\n\n      tbody {\n        border-bottom: none;\n      }\n      th td {\n        background-color: ", ";\n      }\n      th,\n      td {\n        min-width: ", "px;\n        font-weight: normal;\n        vertical-align: top;\n        border: 1px solid\n          ", ";\n        border-right-width: 0;\n        border-bottom-width: 0;\n        padding: ", ";\n        /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n        ", "\n\n        > :first-child:not(style),\n        > style:first-child + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + *,\n        > style:first-child + .ProseMirror-gapcursor + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + span + *,\n        > style:first-child + .ProseMirror-gapcursor + span + * {\n          margin-top: 0;\n        }\n\n        th p:not(:first-of-type),\n        td p:not(:first-of-type) {\n          margin-top: ", ";\n        }\n      }\n      th {\n        background-color: ", ";\n        text-align: left;\n\n        /* only apply this styling to codeblocks in default background headercells */\n        /* TODO this needs to be overhauled as it relies on unsafe selectors */\n        &:not([style]):not(.danger) {\n          .", ":not(.danger) {\n            background-color: ", ";\n\n            :not(.", ") {\n              box-shadow: 0px 0px 0px 1px\n                ", ";\n            }\n\n            .", " {\n              background-image: ", ";\n\n              background-color: ", ";\n            }\n\n            .", " {\n              background-color: ", ";\n            }\n\n            /* this is only relevant to the element taken care of by renderer */\n            > [data-ds--code--code-block] {\n              background-image: ", "!important;\n\n              background-color: ", "!important;\n\n              // selector lives inside @atlaskit/code\n              --ds--code--line-number-bg-color: ", ";\n            }\n          }\n        }\n      }\n    }\n  }\n"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", 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)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", _browser.default.gecko || _browser.default.ie || _browser.default.mac && _browser.default.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
+    background: "var(--ds-background-neutral, rgb(235, 237, 240))",
     leftCoverWidth: "var(--ds-space-300, 24px)"
-  }), (0, _components.themed)({
-    light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-    dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-  })(props), _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, (0, _components.themed)({
-    light: "var(--ds-background-neutral, rgb(226, 229, 233))",
-    dark: "var(--ds-background-neutral, ".concat(_colors.DN20, ")")
-  })(props), (0, _editorSharedStyles.overflowShadow)({
-    background: (0, _components.themed)({
-      light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-      dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-    })(props),
+  }), "var(--ds-background-neutral, rgb(235, 237, 240))", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", (0, _editorSharedStyles.overflowShadow)({
+    background: "var(--ds-background-neutral, rgb(235, 237, 240))",
     leftCoverWidth: "var(--ds-space-300, 24px)"
-  }), (0, _components.themed)({
-    light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-    dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-  })(props), (0, _components.themed)({
-    light: "var(--ds-background-neutral, rgb(226, 229, 233))",
-    dark: "var(--ds-background-neutral, ".concat(_colors.DN20, ")")
-  })(props));
+  }), "var(--ds-background-neutral, rgb(235, 237, 240))", "var(--ds-background-neutral, rgb(226, 229, 233))");
 };
 var calcTableWidth = exports.calcTableWidth = function calcTableWidth(layout, containerWidth) {
   var addControllerPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.27.7";
+var packageVersion = "76.27.9";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "76.27.7";
+const packageVersion = "76.27.9";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -4,6 +4,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
+import { browser } from '../utils';
 import { analyticsEventKey, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered, ZERO_WIDTH_SPACE } from '../utils';
 export const inlineNodeViewClassname = 'inlineNodeView';
 function createNodeView({
@@ -174,7 +175,12 @@ function getPortalChildren({
       ,
       getPos: nodeViewParams.getPos,
       node: currentNode
-    }, extraComponentProps)), jsx("span", {
+    }, extraComponentProps)), browser.android ? jsx("span", {
+      className: `zeroWidthSpaceContainer`,
+      contentEditable: "false"
+    }, jsx("span", {
+      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
+    }), ZERO_WIDTH_SPACE) : jsx("span", {
       className: `${inlineNodeViewClassname}AddZeroWidthSpace`
     }));
   };

package/dist/es2019/styles/shared/headings.js

@@ -3,38 +3,38 @@ import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography';
 
 // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 // text sizing prototype: http://proto/fabricrender/
-export const headingsSharedStyles = props => css`
+export const headingsSharedStyles = () => css`
   & h1 {
-    ${h700(props)};
+    ${h700()};
     margin-bottom: 0;
     margin-top: 1.667em;
   }
 
   & h2 {
-    ${h600(props)};
+    ${h600()};
     margin-top: 1.8em;
     margin-bottom: 0;
   }
 
   & h3 {
-    ${h500(props)};
+    ${h500()};
     margin-top: 2em;
     margin-bottom: 0;
   }
 
   & h4 {
-    ${h400(props)};
+    ${h400()};
     margin-top: 1.357em;
   }
 
   & h5 {
-    ${h300(props)};
+    ${h300()};
     margin-top: 1.667em;
     text-transform: none;
   }
 
   & h6 {
-    ${h100(props)};
+    ${h100()};
     margin-top: 1.455em;
     text-transform: none;
   }

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

@@ -1,10 +1,6 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 import { css } from '@emotion/react';
 import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
-import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableBorderDark, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorWideLayoutWidth, getTableCellBackgroundDarkModeColors, overflowShadow } from '@atlaskit/editor-shared-styles';
-import { DN20 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
+import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorWideLayoutWidth, overflowShadow } from '@atlaskit/editor-shared-styles';
 import browser from '../../utils/browser';
 import { CodeBlockSharedCssClassName } from './code-block';
 import { tableCellBackgroundStyleOverride } from './tableCell';
@@ -38,11 +34,11 @@ export const TableSharedCssClassName = {
   TABLE_COLUMN_CONTROLS_DECORATIONS: `${tablePrefixSelector}-column-controls-decoration`,
   TABLE_RESIZER_CONTAINER: `${tablePrefixSelector}-resizer-container`
 };
-const tableSharedStyle = props => css`
+const tableSharedStyle = () => css`
   ${tableCellBackgroundStyleOverride()}
   .${TableSharedCssClassName.TABLE_CONTAINER} {
     position: relative;
-    margin: 0 auto ${tableMarginBottom}px;
+    margin: 0 auto ${"var(--ds-space-200, 16px)"};
     box-sizing: border-box;
 
     /**
@@ -66,12 +62,12 @@ const tableSharedStyle = props => css`
   }
 
   .${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table {
-    margin: ${tableMarginTop}px 0 0 0;
+    margin: ${"var(--ds-space-300, 24px)"} 0 0 0;
   }
 
   .${TableSharedCssClassName.TABLE_CONTAINER} > table,
   .${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table {
-    margin: ${tableMarginTop}px ${tableMarginSides}px 0 0;
+    margin: ${"var(--ds-space-300, 24px)"} ${"var(--ds-space-100, 8px)"} 0 0;
   }
 
   /* avoid applying styles to nested tables (possible via extensions) */
@@ -80,10 +76,7 @@ const tableSharedStyle = props => css`
   .${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table {
     border-collapse: collapse;
     border: ${tableCellBorderWidth}px solid
-      ${themed({
-  light: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`,
-  dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorderDark})`
-})(props)};
+      ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
     table-layout: fixed;
     font-size: 1em;
     width: 100%;
@@ -112,20 +105,13 @@ const tableSharedStyle = props => css`
         font-weight: normal;
         vertical-align: top;
         border: 1px solid
-          ${themed({
-  light: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`,
-  dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorderDark})`
-})(props)};
+          ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
         border-right-width: 0;
         border-bottom-width: 0;
-        padding: ${tableCellPadding}px;
+        padding: ${"var(--ds-space-100, 8px)"};
         /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
         ${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
 
-        ${themed({
-  dark: getTableCellBackgroundDarkModeColors
-})(props)};
-
         > :first-child:not(style),
         > style:first-child + * {
           margin-top: 0;
@@ -143,24 +129,18 @@ const tableSharedStyle = props => css`
 
         th p:not(:first-of-type),
         td p:not(:first-of-type) {
-          margin-top: 12px;
+          margin-top: ${"var(--ds-space-150, 12px)"};
         }
       }
       th {
-        background-color: ${themed({
-  light: `var(--ds-background-accent-gray-subtlest, ${akEditorTableToolbar})`,
-  dark: `var(--ds-background-accent-gray-subtlest, ${akEditorTableToolbarDark})`
-})(props)};
+        background-color: ${`var(--ds-background-accent-gray-subtlest, ${akEditorTableToolbar})`};
         text-align: left;
 
         /* only apply this styling to codeblocks in default background headercells */
         /* TODO this needs to be overhauled as it relies on unsafe selectors */
         &:not([style]):not(.danger) {
           .${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}:not(.danger) {
-            background-color: ${themed({
-  light: "var(--ds-surface-raised, rgb(235, 237, 240))",
-  dark: "var(--ds-surface-raised, rgb(36, 47, 66))"
-})(props)};
+            background-color: ${"var(--ds-surface-raised, rgb(235, 237, 240))"};
 
             :not(.${akEditorSelectedNodeClassName}) {
               box-shadow: 0px 0px 0px 1px
@@ -169,46 +149,28 @@ const tableSharedStyle = props => css`
 
             .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} {
               background-image: ${overflowShadow({
-  background: themed({
-    light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-    dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-  })(props),
+  background: "var(--ds-background-neutral, rgb(235, 237, 240))",
   leftCoverWidth: "var(--ds-space-300, 24px)"
 })};
 
-              background-color: ${themed({
-  light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-  dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-})(props)};
+              background-color: ${"var(--ds-background-neutral, rgb(235, 237, 240))"};
             }
 
             .${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
-              background-color: ${themed({
-  light: "var(--ds-background-neutral, rgb(226, 229, 233))",
-  dark: `var(--ds-background-neutral, ${DN20})`
-})(props)};
+              background-color: ${"var(--ds-background-neutral, rgb(226, 229, 233))"};
             }
 
             /* this is only relevant to the element taken care of by renderer */
             > [data-ds--code--code-block] {
               background-image: ${overflowShadow({
-  background: themed({
-    light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-    dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-  })(props),
+  background: "var(--ds-background-neutral, rgb(235, 237, 240))",
   leftCoverWidth: "var(--ds-space-300, 24px)"
 })}!important;
 
-              background-color: ${themed({
-  light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-  dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-})(props)}!important;
+              background-color: ${"var(--ds-background-neutral, rgb(235, 237, 240))"}!important;
 
               // selector lives inside @atlaskit/code
-              --ds--code--line-number-bg-color: ${themed({
-  light: "var(--ds-background-neutral, rgb(226, 229, 233))",
-  dark: `var(--ds-background-neutral, ${DN20})`
-})(props)};
+              --ds--code--line-number-bg-color: ${"var(--ds-background-neutral, rgb(226, 229, 233))"};
             }
           }
         }

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

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.27.7";
+const packageVersion = "76.27.9";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.27.7";
+var packageVersion = "76.27.9";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -4,6 +4,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
+import { browser } from '../utils';
 import { analyticsEventKey, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered, ZERO_WIDTH_SPACE } from '../utils';
 export var inlineNodeViewClassname = 'inlineNodeView';
 function createNodeView(_ref) {
@@ -171,7 +172,12 @@ function getPortalChildren(_ref2) {
       ,
       getPos: nodeViewParams.getPos,
       node: currentNode
-    }, extraComponentProps)), jsx("span", {
+    }, extraComponentProps)), browser.android ? jsx("span", {
+      className: "zeroWidthSpaceContainer",
+      contentEditable: "false"
+    }, jsx("span", {
+      className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
+    }), ZERO_WIDTH_SPACE) : jsx("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };

package/dist/esm/styles/shared/headings.js

@@ -5,6 +5,6 @@ import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography';
 
 // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 // text sizing prototype: http://proto/fabricrender/
-export var headingsSharedStyles = function headingsSharedStyles(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & h1 {\n    ", ";\n    margin-bottom: 0;\n    margin-top: 1.667em;\n  }\n\n  & h2 {\n    ", ";\n    margin-top: 1.8em;\n    margin-bottom: 0;\n  }\n\n  & h3 {\n    ", ";\n    margin-top: 2em;\n    margin-bottom: 0;\n  }\n\n  & h4 {\n    ", ";\n    margin-top: 1.357em;\n  }\n\n  & h5 {\n    ", ";\n    margin-top: 1.667em;\n    text-transform: none;\n  }\n\n  & h6 {\n    ", ";\n    margin-top: 1.455em;\n    text-transform: none;\n  }\n"])), h700(props), h600(props), h500(props), h400(props), h300(props), h100(props));
+export var headingsSharedStyles = function headingsSharedStyles() {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & h1 {\n    ", ";\n    margin-bottom: 0;\n    margin-top: 1.667em;\n  }\n\n  & h2 {\n    ", ";\n    margin-top: 1.8em;\n    margin-bottom: 0;\n  }\n\n  & h3 {\n    ", ";\n    margin-top: 2em;\n    margin-bottom: 0;\n  }\n\n  & h4 {\n    ", ";\n    margin-top: 1.357em;\n  }\n\n  & h5 {\n    ", ";\n    margin-top: 1.667em;\n    text-transform: none;\n  }\n\n  & h6 {\n    ", ";\n    margin-top: 1.455em;\n    text-transform: none;\n  }\n"])), h700(), h600(), h500(), h400(), h300(), h100());
 };

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

@@ -1,12 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 import { css } from '@emotion/react';
 import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
-import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableBorderDark, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorWideLayoutWidth, getTableCellBackgroundDarkModeColors, overflowShadow } from '@atlaskit/editor-shared-styles';
-import { DN20 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
+import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorWideLayoutWidth, overflowShadow } from '@atlaskit/editor-shared-styles';
 import browser from '../../utils/browser';
 import { CodeBlockSharedCssClassName } from './code-block';
 import { tableCellBackgroundStyleOverride } from './tableCell';
@@ -40,46 +36,14 @@ export var TableSharedCssClassName = {
   TABLE_COLUMN_CONTROLS_DECORATIONS: "".concat(tablePrefixSelector, "-column-controls-decoration"),
   TABLE_RESIZER_CONTAINER: "".concat(tablePrefixSelector, "-resizer-container")
 };
-var tableSharedStyle = function tableSharedStyle(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  .", " {\n    position: relative;\n    margin: 0 auto ", "px;\n    box-sizing: border-box;\n\n    /**\n     * Fix block top alignment inside table cells.\n     */\n    .decisionItemView-content-wrap:first-of-type > div {\n      margin-top: 0;\n    }\n  }\n  .", "[data-number-column='true'] {\n    padding-left: ", "px;\n    clear: both;\n  }\n\n  .", " {\n    will-change: width, margin-left;\n  }\n\n  .", " table {\n    will-change: width;\n  }\n\n  .", " > table {\n    margin: ", "px 0 0 0;\n  }\n\n  .", " > table,\n  .", " > table {\n    margin: ", "px ", "px 0 0;\n  }\n\n  /* avoid applying styles to nested tables (possible via extensions) */\n  .", " > table,\n  .", " > table,\n  .", " > table {\n    border-collapse: collapse;\n    border: ", "px solid\n      ", ";\n    table-layout: fixed;\n    font-size: 1em;\n    width: 100%;\n\n    &[data-autosize='true'] {\n      table-layout: auto;\n    }\n\n    & {\n      * {\n        box-sizing: border-box;\n      }\n      hr {\n        box-sizing: content-box;\n      }\n\n      tbody {\n        border-bottom: none;\n      }\n      th td {\n        background-color: ", ";\n      }\n      th,\n      td {\n        min-width: ", "px;\n        font-weight: normal;\n        vertical-align: top;\n        border: 1px solid\n          ", ";\n        border-right-width: 0;\n        border-bottom-width: 0;\n        padding: ", "px;\n        /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n        ", "\n\n        ", ";\n\n        > :first-child:not(style),\n        > style:first-child + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + *,\n        > style:first-child + .ProseMirror-gapcursor + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + span + *,\n        > style:first-child + .ProseMirror-gapcursor + span + * {\n          margin-top: 0;\n        }\n\n        th p:not(:first-of-type),\n        td p:not(:first-of-type) {\n          margin-top: 12px;\n        }\n      }\n      th {\n        background-color: ", ";\n        text-align: left;\n\n        /* only apply this styling to codeblocks in default background headercells */\n        /* TODO this needs to be overhauled as it relies on unsafe selectors */\n        &:not([style]):not(.danger) {\n          .", ":not(.danger) {\n            background-color: ", ";\n\n            :not(.", ") {\n              box-shadow: 0px 0px 0px 1px\n                ", ";\n            }\n\n            .", " {\n              background-image: ", ";\n\n              background-color: ", ";\n            }\n\n            .", " {\n              background-color: ", ";\n            }\n\n            /* this is only relevant to the element taken care of by renderer */\n            > [data-ds--code--code-block] {\n              background-image: ", "!important;\n\n              background-color: ", "!important;\n\n              // selector lives inside @atlaskit/code\n              --ds--code--line-number-bg-color: ", ";\n            }\n          }\n        }\n      }\n    }\n  }\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, tableMarginBottom, TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableMarginTop, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableMarginTop, tableMarginSides, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, themed({
-    light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
-    dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorderDark, ")")
-  })(props), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, themed({
-    light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
-    dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorderDark, ")")
-  })(props), tableCellPadding, browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', themed({
-    dark: getTableCellBackgroundDarkModeColors
-  })(props), themed({
-    light: "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"),
-    dark: "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbarDark, ")")
-  })(props), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, themed({
-    light: "var(--ds-surface-raised, rgb(235, 237, 240))",
-    dark: "var(--ds-surface-raised, rgb(36, 47, 66))"
-  })(props), akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
-    background: themed({
-      light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-      dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-    })(props),
+var tableSharedStyle = function tableSharedStyle() {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  .", " {\n    position: relative;\n    margin: 0 auto ", ";\n    box-sizing: border-box;\n\n    /**\n     * Fix block top alignment inside table cells.\n     */\n    .decisionItemView-content-wrap:first-of-type > div {\n      margin-top: 0;\n    }\n  }\n  .", "[data-number-column='true'] {\n    padding-left: ", "px;\n    clear: both;\n  }\n\n  .", " {\n    will-change: width, margin-left;\n  }\n\n  .", " table {\n    will-change: width;\n  }\n\n  .", " > table {\n    margin: ", " 0 0 0;\n  }\n\n  .", " > table,\n  .", " > table {\n    margin: ", " ", " 0 0;\n  }\n\n  /* avoid applying styles to nested tables (possible via extensions) */\n  .", " > table,\n  .", " > table,\n  .", " > table {\n    border-collapse: collapse;\n    border: ", "px solid\n      ", ";\n    table-layout: fixed;\n    font-size: 1em;\n    width: 100%;\n\n    &[data-autosize='true'] {\n      table-layout: auto;\n    }\n\n    & {\n      * {\n        box-sizing: border-box;\n      }\n      hr {\n        box-sizing: content-box;\n      }\n\n      tbody {\n        border-bottom: none;\n      }\n      th td {\n        background-color: ", ";\n      }\n      th,\n      td {\n        min-width: ", "px;\n        font-weight: normal;\n        vertical-align: top;\n        border: 1px solid\n          ", ";\n        border-right-width: 0;\n        border-bottom-width: 0;\n        padding: ", ";\n        /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n        ", "\n\n        > :first-child:not(style),\n        > style:first-child + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + *,\n        > style:first-child + .ProseMirror-gapcursor + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + span + *,\n        > style:first-child + .ProseMirror-gapcursor + span + * {\n          margin-top: 0;\n        }\n\n        th p:not(:first-of-type),\n        td p:not(:first-of-type) {\n          margin-top: ", ";\n        }\n      }\n      th {\n        background-color: ", ";\n        text-align: left;\n\n        /* only apply this styling to codeblocks in default background headercells */\n        /* TODO this needs to be overhauled as it relies on unsafe selectors */\n        &:not([style]):not(.danger) {\n          .", ":not(.danger) {\n            background-color: ", ";\n\n            :not(.", ") {\n              box-shadow: 0px 0px 0px 1px\n                ", ";\n            }\n\n            .", " {\n              background-image: ", ";\n\n              background-color: ", ";\n            }\n\n            .", " {\n              background-color: ", ";\n            }\n\n            /* this is only relevant to the element taken care of by renderer */\n            > [data-ds--code--code-block] {\n              background-image: ", "!important;\n\n              background-color: ", "!important;\n\n              // selector lives inside @atlaskit/code\n              --ds--code--line-number-bg-color: ", ";\n            }\n          }\n        }\n      }\n    }\n  }\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, 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)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
+    background: "var(--ds-background-neutral, rgb(235, 237, 240))",
     leftCoverWidth: "var(--ds-space-300, 24px)"
-  }), themed({
-    light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-    dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-  })(props), CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, themed({
-    light: "var(--ds-background-neutral, rgb(226, 229, 233))",
-    dark: "var(--ds-background-neutral, ".concat(DN20, ")")
-  })(props), overflowShadow({
-    background: themed({
-      light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-      dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-    })(props),
+  }), "var(--ds-background-neutral, rgb(235, 237, 240))", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", overflowShadow({
+    background: "var(--ds-background-neutral, rgb(235, 237, 240))",
     leftCoverWidth: "var(--ds-space-300, 24px)"
-  }), themed({
-    light: "var(--ds-background-neutral, rgb(235, 237, 240))",
-    dark: "var(--ds-background-neutral, rgb(36, 47, 66))"
-  })(props), themed({
-    light: "var(--ds-background-neutral, rgb(226, 229, 233))",
-    dark: "var(--ds-background-neutral, ".concat(DN20, ")")
-  })(props));
+  }), "var(--ds-background-neutral, rgb(235, 237, 240))", "var(--ds-background-neutral, rgb(226, 229, 233))");
 };
 export var calcTableWidth = function calcTableWidth(layout, containerWidth) {
   var addControllerPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.27.7";
+var packageVersion = "76.27.9";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/styles/shared/headings.d.ts

@@ -1,2 +1 @@
-import { ThemeProps } from '@atlaskit/theme/types';
-export declare const headingsSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const headingsSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/table.d.ts

@@ -1,5 +1,4 @@
 import type { TableLayout } from '@atlaskit/adf-schema';
-import type { ThemeProps } from '@atlaskit/theme/types';
 export declare const tableMarginTop = 24;
 export declare const tableMarginBottom = 16;
 export declare const tableMarginTopWithControl = 14;
@@ -30,6 +29,6 @@ export declare const TableSharedCssClassName: {
     TABLE_COLUMN_CONTROLS_DECORATIONS: string;
     TABLE_RESIZER_CONTAINER: string;
 };
-declare const tableSharedStyle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+declare const tableSharedStyle: () => import("@emotion/react").SerializedStyles;
 export declare const calcTableWidth: (layout: TableLayout, containerWidth?: number, addControllerPadding?: boolean) => number | 'inherit';
 export { tableSharedStyle };

package/dist/types-ts4.5/styles/shared/headings.d.ts

@@ -1,2 +1 @@
-import { ThemeProps } from '@atlaskit/theme/types';
-export declare const headingsSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const headingsSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/styles/shared/table.d.ts

@@ -1,5 +1,4 @@
 import type { TableLayout } from '@atlaskit/adf-schema';
-import type { ThemeProps } from '@atlaskit/theme/types';
 export declare const tableMarginTop = 24;
 export declare const tableMarginBottom = 16;
 export declare const tableMarginTopWithControl = 14;
@@ -30,6 +29,6 @@ export declare const TableSharedCssClassName: {
     TABLE_COLUMN_CONTROLS_DECORATIONS: string;
     TABLE_RESIZER_CONTAINER: string;
 };
-declare const tableSharedStyle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+declare const tableSharedStyle: () => import("@emotion/react").SerializedStyles;
 export declare const calcTableWidth: (layout: TableLayout, containerWidth?: number, addControllerPadding?: boolean) => number | 'inherit';
 export { tableSharedStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.27.7",
+  "version": "76.27.9",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -123,7 +123,7 @@
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.30.0",
-    "@atlaskit/tooltip": "^18.0.0",
+    "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",
     "@babel/runtime": "^7.0.0",