@atlaskit/editor-common 77.5.0 → 78.0.1

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/editor-common
 
+## 78.0.1
+
+### Patch Changes
+
+- [#73653](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73653) [`0cffdd968f1f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0cffdd968f1f) - Refactor media keymap announcer for translations
+- [#73177](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73177) [`22452599ed8f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22452599ed8f) - Move styling for certain packages to tokens.
+
+## 78.0.0
+
+### Major Changes
+
+- [#72122](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72122) [`c3186450404a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c3186450404a) - Breaking change:
+
+  ## WHAT?:
+
+  Removing feature flags:
+
+  - singleLayout
+  - newInsertionBehaviour
+  - interactiveExpand
+  - findReplace
+  - findReplaceMatchCase
+  - extendFloatingToolbar
+
+  ## WHY?:
+
+  Because the flags and props are unused/by default active. Removing them will reduce our maintenance burden
+
+  ## HOW to update your code:
+
+  - If you were using the feature flag - the behaviour is now default and you can remove the flags
+  - If you were not using the feature flag - the behaviour is now default.
+  - If you have opted out of using the feature flag - we have been careful to ensure no-one has opted out of the behaviours. If you do have an issue please reach out to #help-editor.
+
 ## 77.5.0
 
 ### Minor Changes

package/dist/cjs/media/messages/mediaResizeAnnouncerMess.js

@@ -16,19 +16,14 @@ var mediaResizeAnnouncerMessMessages = exports.mediaResizeAnnouncerMessMessages
     defaultMessage: 'Media decreased to the minimum size',
     description: 'The media has the minimum allowed width'
   },
-  DefaultMediaWidth: {
-    id: 'fabric.editor.media.DefaultMediaWidth',
-    defaultMessage: '{newMediaWidth, plural, one {Media width {action} to # pixel.} other {Media width {action} to # pixels.}}',
-    description: 'Media width {action} to {newMediaWidth} pixels.'
+  DefaultMediaWidthIncreased: {
+    id: 'fabric.editor.media.DefaultMediaWidthIncreased',
+    defaultMessage: '{newMediaWidth, plural, one {Media width increased to # pixel.} other {Media width increased to # pixels.}}',
+    description: 'Media width increased to {newMediaWidth} pixels.'
   },
-  IncreasedAction: {
-    id: 'fabric.editor.media.increased',
-    defaultMessage: 'increased',
-    description: 'Increased action'
-  },
-  DecreasedAction: {
-    id: 'fabric.editor.media.decreased',
-    defaultMessage: 'decreased',
-    description: 'Decreased action'
+  DefaultMediaWidthDecreased: {
+    id: 'fabric.editor.media.DefaultMediaWidthDecreased',
+    defaultMessage: '{newMediaWidth, plural, one {Media width decreased to # pixel.} other {Media width decreased to # pixels.}}',
+    description: 'Media width decreased to {newMediaWidth} pixels.'
   }
 });

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 = "77.5.0";
+var packageVersion = "78.0.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/styles/shared/code-block.js

@@ -22,7 +22,6 @@ var CodeBlockSharedCssClassName = exports.CodeBlockSharedCssClassName = {
 };
 var codeBlockSharedStyles = exports.codeBlockSharedStyles = function codeBlockSharedStyles() {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", ";\n    margin: ", " 0 0 0;\n    font-family: ", ";\n    min-width: ", "px;\n    cursor: pointer;\n\n    --ds--code--bg-color: transparent;\n\n    /* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */\n    white-space: normal;\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      top: 0px;\n      left: 0px;\n    }\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      bottom: 0px;\n      right: 0px;\n    }\n\n    .", " {\n      background-color: ", ";\n      display: flex;\n      border-radius: ", ";\n      width: 100%;\n      counter-reset: line;\n      overflow-x: auto;\n\n      background-image: ", ";\n\n      background-repeat: no-repeat;\n      background-attachment: local, local, local, local, scroll, scroll, scroll,\n        scroll;\n      background-size: ", " 100%,\n        ", " 100%, ", " 100%,\n        ", " 100%, ", " 100%,\n        1px 100%, ", " 100%, 1px 100%;\n      background-position: 0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0;\n\n      /* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */\n      overflow-y: hidden;\n    }\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", ";\n      position: relative;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", ";\n        margin: ", ";\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, transparent)", "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-border-radius, 3px)", (0, _editorSharedStyles.overflowShadow)({
-    background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, ".concat(_colors.N30, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, ".concat(_colors.N400, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, ".concat(_colors.N800, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()));
 };

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

@@ -45,10 +45,8 @@ var TableSharedCssClassName = exports.TableSharedCssClassName = {
 };
 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)"
   }), "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)"
   }), "var(--ds-background-neutral, rgb(235, 237, 240))", "var(--ds-background-neutral, rgb(226, 229, 233))");
 };

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

@@ -22,7 +22,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 = "77.5.0";
+var packageVersion = "78.0.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/media/messages/mediaResizeAnnouncerMess.js

@@ -10,19 +10,14 @@ export const mediaResizeAnnouncerMessMessages = defineMessages({
     defaultMessage: 'Media decreased to the minimum size',
     description: 'The media has the minimum allowed width'
   },
-  DefaultMediaWidth: {
-    id: 'fabric.editor.media.DefaultMediaWidth',
-    defaultMessage: '{newMediaWidth, plural, one {Media width {action} to # pixel.} other {Media width {action} to # pixels.}}',
-    description: 'Media width {action} to {newMediaWidth} pixels.'
+  DefaultMediaWidthIncreased: {
+    id: 'fabric.editor.media.DefaultMediaWidthIncreased',
+    defaultMessage: '{newMediaWidth, plural, one {Media width increased to # pixel.} other {Media width increased to # pixels.}}',
+    description: 'Media width increased to {newMediaWidth} pixels.'
   },
-  IncreasedAction: {
-    id: 'fabric.editor.media.increased',
-    defaultMessage: 'increased',
-    description: 'Increased action'
-  },
-  DecreasedAction: {
-    id: 'fabric.editor.media.decreased',
-    defaultMessage: 'decreased',
-    description: 'Decreased action'
+  DefaultMediaWidthDecreased: {
+    id: 'fabric.editor.media.DefaultMediaWidthDecreased',
+    defaultMessage: '{newMediaWidth, plural, one {Media width decreased to # pixel.} other {Media width decreased to # pixels.}}',
+    description: 'Media width decreased to {newMediaWidth} pixels.'
   }
 });

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 = "77.5.0";
+const packageVersion = "78.0.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/shared/code-block.js

@@ -51,7 +51,6 @@ export const codeBlockSharedStyles = () => css`
       overflow-x: auto;
 
       background-image: ${overflowShadow({
-  background: `var(--ds-background-neutral, ${N20})`,
   leftCoverWidth: "var(--ds-space-300, 24px)"
 })};
 

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

@@ -149,7 +149,6 @@ const tableSharedStyle = () => css`
 
             .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} {
               background-image: ${overflowShadow({
-  background: "var(--ds-background-neutral, rgb(235, 237, 240))",
   leftCoverWidth: "var(--ds-space-300, 24px)"
 })};
 
@@ -163,7 +162,6 @@ const tableSharedStyle = () => css`
             /* this is only relevant to the element taken care of by renderer */
             > [data-ds--code--code-block] {
               background-image: ${overflowShadow({
-  background: "var(--ds-background-neutral, rgb(235, 237, 240))",
   leftCoverWidth: "var(--ds-space-300, 24px)"
 })}!important;
 

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "77.5.0";
+const packageVersion = "78.0.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/media/messages/mediaResizeAnnouncerMess.js

@@ -10,19 +10,14 @@ export var mediaResizeAnnouncerMessMessages = defineMessages({
     defaultMessage: 'Media decreased to the minimum size',
     description: 'The media has the minimum allowed width'
   },
-  DefaultMediaWidth: {
-    id: 'fabric.editor.media.DefaultMediaWidth',
-    defaultMessage: '{newMediaWidth, plural, one {Media width {action} to # pixel.} other {Media width {action} to # pixels.}}',
-    description: 'Media width {action} to {newMediaWidth} pixels.'
+  DefaultMediaWidthIncreased: {
+    id: 'fabric.editor.media.DefaultMediaWidthIncreased',
+    defaultMessage: '{newMediaWidth, plural, one {Media width increased to # pixel.} other {Media width increased to # pixels.}}',
+    description: 'Media width increased to {newMediaWidth} pixels.'
   },
-  IncreasedAction: {
-    id: 'fabric.editor.media.increased',
-    defaultMessage: 'increased',
-    description: 'Increased action'
-  },
-  DecreasedAction: {
-    id: 'fabric.editor.media.decreased',
-    defaultMessage: 'decreased',
-    description: 'Decreased action'
+  DefaultMediaWidthDecreased: {
+    id: 'fabric.editor.media.DefaultMediaWidthDecreased',
+    defaultMessage: '{newMediaWidth, plural, one {Media width decreased to # pixel.} other {Media width decreased to # pixels.}}',
+    description: 'Media width decreased to {newMediaWidth} pixels.'
   }
 });

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 = "77.5.0";
+var packageVersion = "78.0.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/styles/shared/code-block.js

@@ -15,7 +15,6 @@ export var CodeBlockSharedCssClassName = {
 };
 export var codeBlockSharedStyles = function codeBlockSharedStyles() {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", ";\n    margin: ", " 0 0 0;\n    font-family: ", ";\n    min-width: ", "px;\n    cursor: pointer;\n\n    --ds--code--bg-color: transparent;\n\n    /* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */\n    white-space: normal;\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      top: 0px;\n      left: 0px;\n    }\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      bottom: 0px;\n      right: 0px;\n    }\n\n    .", " {\n      background-color: ", ";\n      display: flex;\n      border-radius: ", ";\n      width: 100%;\n      counter-reset: line;\n      overflow-x: auto;\n\n      background-image: ", ";\n\n      background-repeat: no-repeat;\n      background-attachment: local, local, local, local, scroll, scroll, scroll,\n        scroll;\n      background-size: ", " 100%,\n        ", " 100%, ", " 100%,\n        ", " 100%, ", " 100%,\n        1px 100%, ", " 100%, 1px 100%;\n      background-position: 0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0;\n\n      /* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */\n      overflow-y: hidden;\n    }\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", ";\n      position: relative;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", ";\n        margin: ", ";\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, transparent)", "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, akEditorCodeFontFamily, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, ".concat(N20, ")"), "var(--ds-border-radius, 3px)", overflowShadow({
-    background: "var(--ds-background-neutral, ".concat(N20, ")"),
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, ".concat(N30, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, ".concat(N400, ")"), relativeFontSizeToBase16(fontSize()), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, ".concat(N800, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", relativeFontSizeToBase16(fontSize()));
 };

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

@@ -38,10 +38,8 @@ export var TableSharedCssClassName = {
 };
 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)"
   }), "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)"
   }), "var(--ds-background-neutral, rgb(235, 237, 240))", "var(--ds-background-neutral, rgb(226, 229, 233))");
 };

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

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "77.5.0";
+var packageVersion = "78.0.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/media/messages/mediaResizeAnnouncerMess.d.ts

@@ -9,17 +9,12 @@ export declare const mediaResizeAnnouncerMessMessages: {
         defaultMessage: string;
         description: string;
     };
-    DefaultMediaWidth: {
+    DefaultMediaWidthIncreased: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    IncreasedAction: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    DecreasedAction: {
+    DefaultMediaWidthDecreased: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types/types/feature-flags.d.ts

@@ -29,25 +29,6 @@ import type { DisableSpellcheckByBrowser } from './supported-browsers';
  * Example: name = "newInsertionBehaviour" -> "Enable new insertion behaviour"
  */
 export type FeatureFlags = {
-    /**
-     * @description Enable single layout option
-     *
-     * @see https://hello.atlassian.net/browse/LOVE-187
-     * @default false
-     */
-    singleLayout?: boolean;
-    /**
-     * @description Enable new insertion behaviour
-     *
-     * @see https://product-fabric.atlassian.net/l/c/JYoSEu00
-     * @default false
-     */
-    newInsertionBehaviour?: boolean;
-    /**
-     * @description Allows to toggle expand open state
-     * @default true
-     */
-    interactiveExpand?: boolean;
     /**
      * @description
      * Whether a placeholder bracket hint was provided (`string => boolean`)
@@ -67,22 +48,6 @@ export type FeatureFlags = {
      * @default false
      */
     placeholderHints?: boolean;
-    /**
-     * @description
-     * Enable find/replace functionality within the editor
-     *
-     * @see https://product-fabric.atlassian.net/browse/ED-3504
-     * @default false
-     */
-    findReplace?: boolean;
-    /**
-     * @description
-     * Enable case matching functionality in find/replace feature within the editor
-     *
-     * @see https://product-fabric.atlassian.net/browse/ED-9684
-     * @default false
-     */
-    findReplaceMatchCase?: boolean;
     /**
      * @description
      * Enable `localId` generation for extensions.
@@ -122,12 +87,6 @@ export type FeatureFlags = {
      * @default false
      */
     queueAnalytics?: boolean;
-    /**
-     * Enable extend floating toolbars
-     * @see https://product-fabric.atlassian.net/browse/ED-11963
-     * @default false
-     */
-    extendFloatingToolbar?: boolean;
     /**
      * Show the avatar group as a plugin
      * @see https://product-fabric.atlassian.net/browse/CERN-747

package/dist/types-ts4.5/media/messages/mediaResizeAnnouncerMess.d.ts

@@ -9,17 +9,12 @@ export declare const mediaResizeAnnouncerMessMessages: {
         defaultMessage: string;
         description: string;
     };
-    DefaultMediaWidth: {
+    DefaultMediaWidthIncreased: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    IncreasedAction: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    DecreasedAction: {
+    DefaultMediaWidthDecreased: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -29,25 +29,6 @@ import type { DisableSpellcheckByBrowser } from './supported-browsers';
  * Example: name = "newInsertionBehaviour" -> "Enable new insertion behaviour"
  */
 export type FeatureFlags = {
-    /**
-     * @description Enable single layout option
-     *
-     * @see https://hello.atlassian.net/browse/LOVE-187
-     * @default false
-     */
-    singleLayout?: boolean;
-    /**
-     * @description Enable new insertion behaviour
-     *
-     * @see https://product-fabric.atlassian.net/l/c/JYoSEu00
-     * @default false
-     */
-    newInsertionBehaviour?: boolean;
-    /**
-     * @description Allows to toggle expand open state
-     * @default true
-     */
-    interactiveExpand?: boolean;
     /**
      * @description
      * Whether a placeholder bracket hint was provided (`string => boolean`)
@@ -67,22 +48,6 @@ export type FeatureFlags = {
      * @default false
      */
     placeholderHints?: boolean;
-    /**
-     * @description
-     * Enable find/replace functionality within the editor
-     *
-     * @see https://product-fabric.atlassian.net/browse/ED-3504
-     * @default false
-     */
-    findReplace?: boolean;
-    /**
-     * @description
-     * Enable case matching functionality in find/replace feature within the editor
-     *
-     * @see https://product-fabric.atlassian.net/browse/ED-9684
-     * @default false
-     */
-    findReplaceMatchCase?: boolean;
     /**
      * @description
      * Enable `localId` generation for extensions.
@@ -122,12 +87,6 @@ export type FeatureFlags = {
      * @default false
      */
     queueAnalytics?: boolean;
-    /**
-     * Enable extend floating toolbars
-     * @see https://product-fabric.atlassian.net/browse/ED-11963
-     * @default false
-     */
-    extendFloatingToolbar?: boolean;
     /**
      * Show the avatar group as a plugin
      * @see https://product-fabric.atlassian.net/browse/CERN-747

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "77.5.0",
+  "version": "78.0.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"