@atlaskit/editor-core 187.41.4 → 187.41.5

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-core
 
+## 187.41.5
+
+### Patch Changes
+
+- [`1e26db8ffd0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e26db8ffd0) - ED-18264: Clean up useSomewhatSemanticTextColorNames - default behaviour will be same as when FF was on.
+- [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
+- [`69857bbbff0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/69857bbbff0) - [ED-20004] Capture errors in getPos due to prosemirror-view bump
+- [`ba95f6c1fd5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba95f6c1fd5) - handleMarkdown no longer throws RangeError when 'from' argument exceeds document length, resolving bug where pasting a Jira issue datasource node at the end of a document would result in the legacy Jira issue macro being rendered instead
+- Updated dependencies
+
 ## 187.41.4
 
 ### Patch Changes

package/dist/cjs/create-editor/feature-flags-from-props.js

@@ -32,7 +32,7 @@ function getSpellCheck(featureFlags) {
  * which is used by both current and archv3 editors.
  */
 function createFeatureFlagsFromProps(props) {
-  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29;
+  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27;
   var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
@@ -63,8 +63,7 @@ function createFeatureFlagsFromProps(props) {
     // Including fallback to props.featureFlags so that mobile feature flags
     // are included (they are not kebab cased)
     restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags25 = props.featureFlags) === null || _props$featureFlags25 === void 0 ? void 0 : _props$featureFlags25.restartNumberedLists) === true,
-    useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.useSomewhatSemanticTextColorNames) : false)),
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
-    preventPopupOverflow: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29['prevent-popup-overflow']) : false)
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27['prevent-popup-overflow']) : false)
   });
 }

package/dist/cjs/plugins/collab-edit/ui/styles.js

@@ -10,9 +10,9 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _templateObject, _templateObject2, _templateObject3;
-var inviteTeamWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: 50%;\n  min-width: ", ";\n  margin-left: calc(-1 * ", ");\n"])), "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-space-400, 32px)", "var(--ds-space-050, 4px)");
+var inviteTeamWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: 50%;\n  min-width: ", ";\n  margin-left: ", ";\n"])), "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-space-400, 32px)", "var(--ds-space-negative-050, -4px)");
 exports.inviteTeamWrapper = inviteTeamWrapper;
-var avatarContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n  display: flex;\n  align-items: center;\n\n  // ED-13102: This is to override list styles that come from the\n  // .wiki-content class in Confluence that should not apply within\n  // the toolbar. Has to be extra specific to override.\n  && > ul {\n    list-style-type: none;\n  }\n\n  div:last-child button.invite-to-edit {\n    border-radius: 50%;\n    height: 32px;\n    width: 32px;\n    padding: 2px;\n  }\n"])), "var(--ds-space-100, 8px)");
+var avatarContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n  display: flex;\n  align-items: center;\n\n  // ED-13102: This is to override list styles that come from the\n  // .wiki-content class in Confluence that should not apply within\n  // the toolbar. Has to be extra specific to override.\n  && > ul {\n    list-style-type: none;\n  }\n\n  div:last-child button.invite-to-edit {\n    border-radius: 50%;\n    height: 32px;\n    width: 32px;\n    padding: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)");
 exports.avatarContainer = avatarContainer;
 var badge = function badge(color) {
   return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  width: 13px;\n  height: 13px;\n  z-index: ", ";\n  border-radius: 3px;\n  background: ", ";\n  color: ", ";\n  font-size: ", ";\n  line-height: 0;\n  padding-top: 7px;\n  text-align: center;\n  box-shadow: 0 0 1px ", ";\n  box-sizing: border-box;\n"])), _editorSharedStyles.akEditorSmallZIndex, color, "var(--ds-text-inverse, #fff)", (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-border-inverse, #fff)");

package/dist/cjs/plugins/date/nodeviews/date.js

@@ -19,7 +19,12 @@ function DateNodeView(props) {
     selection = _props$view$state.selection,
     getPos = props.getPos;
   var intl = (0, _reactIntlNext.useIntl)();
-  var pos = typeof getPos === 'function' ? getPos() : undefined;
+  var pos;
+  try {
+    pos = typeof getPos === 'function' ? getPos() : undefined;
+  } catch (e) {
+    pos = undefined;
+  }
 
   // We fall back to selection.$from even though it does not cover all use cases
   // eg. upon Editor init, selection is at the start, not at the Date node

package/dist/cjs/plugins/floating-toolbar/ui/Toolbar.js

@@ -62,10 +62,6 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
     featureFlags = _ref.featureFlags,
     api = _ref.api;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
-  var _ref2 = featureFlags || {
-      useSomewhatSemanticTextColorNames: false
-    },
-    useSomewhatSemanticTextColorNames = _ref2.useSomewhatSemanticTextColorNames;
   return (0, _react2.jsx)(_buttonGroup.default, null, items.filter(function (item) {
     return !item.hidden;
   }).map(function (item, idx) {
@@ -201,14 +197,6 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
             ,
             hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor,
             paletteColorTooltipMessages: _ColorPalette.backgroundPaletteTooltipMessages
-            // We did not want to create new FF or update
-            //  useSomewhatSemanticTextColorNames name
-            //  because it is temporary and require extra work.
-            // So even though it says text color names,
-            //  we are going to use for all color pickers
-            //  such as text, background and table charts.
-            ,
-            showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
           });
         }
         if (item.selectType === 'emoji') {
@@ -230,8 +218,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
         if (!editorView || !extensionsProvider) {
           return null;
         }
-        var _ref3 = featureFlags || {},
-          extendFloatingToolbar = _ref3.extendFloatingToolbar;
+        var _ref2 = featureFlags || {},
+          extendFloatingToolbar = _ref2.extendFloatingToolbar;
         if (!extendFloatingToolbar) {
           return null;
         }
@@ -377,8 +365,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   // this prevents https://product-fabric.atlassian.net/browse/ED-10207
   (0, _createClass2.default)(Toolbar, [{
     key: "resetStyling",
-    value: function resetStyling(_ref4) {
-      var table = _ref4.table;
+    value: function resetStyling(_ref3) {
+      var table = _ref3.table;
       if (this.props.editorView) {
         var _this$props$api;
         var _this$props$editorVie2 = this.props.editorView,

package/dist/cjs/plugins/media/toolbar/index.js

@@ -229,7 +229,6 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             var _pluginInjectionApi$a2;
             (0, _commands.setBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);
           },
-          showSomewhatSemanticTooltips: getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().useSomewhatSemanticTextColorNames,
           borderMark: borderMark,
           intl: intl
         });

package/dist/cjs/plugins/media/ui/ImageBorder/index.js

@@ -24,7 +24,6 @@ var _messages = require("./messages");
 var ImageBorder = function ImageBorder(_ref) {
   var formatMessage = _ref.intl.formatMessage,
     toggleBorder = _ref.toggleBorder,
-    showSomewhatSemanticTooltips = _ref.showSomewhatSemanticTooltips,
     borderMark = _ref.borderMark,
     setBorder = _ref.setBorder;
   var popupTarget = (0, _react2.useRef)(null);
@@ -85,8 +84,7 @@ var ImageBorder = function ImageBorder(_ref) {
       paletteOptions: {
         palette: _uiColor.borderColorPalette,
         paletteColorTooltipMessages: _uiColor.borderPaletteTooltipMessages,
-        hexToPaletteColor: _editorPalette.hexToEditorBorderPaletteColor,
-        showSomewhatSemanticTooltips: showSomewhatSemanticTooltips
+        hexToPaletteColor: _editorPalette.hexToEditorBorderPaletteColor
       }
     })))
   }, {

package/dist/cjs/plugins/paste/handlers.js

@@ -645,7 +645,8 @@ function handleMarkdown(markdownSlice, queueCardsFromChangedTr, from, to) {
     } else {
       tr.replaceSelection(markdownSlice);
     }
-    tr.setSelection(_state.TextSelection.near(tr.doc.resolve(pastesFrom + markdownSlice.size), -1));
+    var textPosition = tr.doc.resolve(Math.min(pastesFrom + markdownSlice.size, tr.doc.content.size));
+    tr.setSelection(_state.TextSelection.near(textPosition, -1));
     queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, _analytics.INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr.scrollIntoView());

package/dist/cjs/plugins/text-color/index.js

@@ -23,10 +23,7 @@ var pluginConfig = function pluginConfig(textColorConfig) {
   return textColorConfig;
 };
 var textColorPlugin = function textColorPlugin(_ref) {
-  var _api$featureFlags;
-  var textColorConfig = _ref.config,
-    api = _ref.api;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  var textColorConfig = _ref.config;
   return {
     name: 'textColor',
     marks: function marks() {
@@ -66,8 +63,7 @@ var textColorPlugin = function textColorPlugin(_ref) {
             popupsBoundariesElement: popupsBoundariesElement,
             popupsScrollableElement: popupsScrollableElement,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            disabled: disabled,
-            featureFlags: featureFlags
+            disabled: disabled
           });
         }
       });

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -168,11 +168,9 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         isReducedSpacing = _this$props.isReducedSpacing,
         pluginState = _this$props.pluginState,
         formatMessage = _this$props.intl.formatMessage,
-        disabled = _this$props.disabled,
-        featureFlags = _this$props.featureFlags;
+        disabled = _this$props.disabled;
       var labelTextColor = formatMessage(messages.textColor);
       var palette = pluginState.palette;
-      var useSomewhatSemanticTextColorNames = featureFlags.useSomewhatSemanticTextColorNames;
       var fitWidth;
       if (document.body.clientWidth <= 740) {
         // This was originally hard-coded, but moved here to a const
@@ -239,8 +237,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         paletteOptions: {
           palette: palette,
           hexToPaletteColor: _editorPalette.hexToEditorTextPaletteColor,
-          paletteColorTooltipMessages: _ColorPalette.textPaletteTooltipMessages,
-          showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
+          paletteColorTooltipMessages: _ColorPalette.textPaletteTooltipMessages
         }
       }))), (0, _react2.jsx)("span", {
         css: _styles2.separatorStyles

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

@@ -27,16 +27,16 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 // helps adjusts position of popup
 var colorPickerButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
-var colorPickerExpandContainer = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0px -4px;\n"])));
+var colorPickerExpandContainer = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0px ", ";\n"])), "var(--ds-space-negative-050, -4px)");
 
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var colorPickerWrapper = function colorPickerWrapper(theme) {
-  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  padding: 8px 0px;\n"])), (0, _constants.borderRadius)(), (0, _components.themed)({
+  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  padding: ", " 0px;\n"])), (0, _constants.borderRadius)(), (0, _components.themed)({
     light: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
     dark: "var(--ds-surface-overlay, ".concat(_colors.DN50, ")")
-  })(theme), _colors.N60A, _colors.N60A);
+  })(theme), _colors.N60A, _colors.N60A, "var(--ds-space-100, 8px)");
 };
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
@@ -160,7 +160,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
       paletteOptions: {
         palette: props.colorPalette,
         hexToPaletteColor: props.hexToPaletteColor,
-        showSomewhatSemanticTooltips: props.showSomewhatSemanticTooltips,
         paletteColorTooltipMessages: props.paletteColorTooltipMessages
       }
     }))));

package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js

@@ -348,25 +348,15 @@ var ColorPicker = function ColorPicker(props) {
     onFieldChange(name, currentColor !== colorValue);
   };
   var _ref = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
-      useSomewhatSemanticTextColorNames: false,
       expandedChartColors: false
     },
-    useSomewhatSemanticTextColorNames = _ref.useSomewhatSemanticTextColorNames,
     expandedChartColors = _ref.expandedChartColors;
   return expandedChartColors ? (0, _react.jsx)(_ColorPickerButton.default, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
     colorPalette: extendedColorPalette,
-    paletteColorTooltipMessages: _ColorPalette.chartsColorPaletteTooltipMessages
-    // We did not want to create new FF or update
-    //  useSomewhatSemanticTextColorNames name
-    //  because it is temporary and require extra work.
-    // So even though it says text color names,
-    //  we are going to use for all color pickers
-    //  such as text, background and table charts.
-    ,
-    showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
+    paletteColorTooltipMessages: _ColorPalette.chartsColorPaletteTooltipMessages,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
     placement: "ConfigPanel",

package/dist/cjs/ui/ConfigPanel/Fields/Expand.js

@@ -27,7 +27,7 @@ exports.expandControl = expandControl;
 var chevronContainer = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", ";\n    height: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 var labelContainer = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  font-weight: 500;\n"])));
 var expandContentContainer = function expandContentContainer(isHidden) {
-  return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  margin-top: calc(-1 * ", ");\n"])), isHidden ? 'none' : 'block', "var(--ds-space-100, 8px)");
+  return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  margin-top: ", ";\n"])), isHidden ? 'none' : 'block', "var(--ds-space-negative-100, -8px)");
 };
 function Expand(_ref) {
   var field = _ref.field,

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.41.4";
+var version = "187.41.5";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/create-editor/feature-flags-from-props.js

@@ -21,7 +21,7 @@ function getSpellCheck(featureFlags) {
  * which is used by both current and archv3 editors.
  */
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29;
+  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27;
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return {
     ...normalizedFeatureFlags,
@@ -53,8 +53,7 @@ export function createFeatureFlagsFromProps(props) {
     // Including fallback to props.featureFlags so that mobile feature flags
     // are included (they are not kebab cased)
     restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags25 = props.featureFlags) === null || _props$featureFlags25 === void 0 ? void 0 : _props$featureFlags25.restartNumberedLists) === true,
-    useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.useSomewhatSemanticTextColorNames) : false)),
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
-    preventPopupOverflow: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29['prevent-popup-overflow']) : false)
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27['prevent-popup-overflow']) : false)
   };
 }

package/dist/es2019/plugins/collab-edit/ui/styles.js

@@ -5,7 +5,7 @@ export const inviteTeamWrapper = css`
   background: ${`var(--ds-background-neutral, ${N20})`};
   border-radius: 50%;
   min-width: ${"var(--ds-space-400, 32px)"};
-  margin-left: calc(-1 * ${"var(--ds-space-050, 4px)"});
+  margin-left: ${"var(--ds-space-negative-050, -4px)"};
 `;
 export const avatarContainer = css`
   margin-right: ${"var(--ds-space-100, 8px)"};
@@ -23,7 +23,7 @@ export const avatarContainer = css`
     border-radius: 50%;
     height: 32px;
     width: 32px;
-    padding: 2px;
+    padding: ${"var(--ds-space-025, 2px)"};
   }
 `;
 export const badge = color => css`

package/dist/es2019/plugins/date/nodeviews/date.js

@@ -21,7 +21,12 @@ export function DateNodeView(props) {
     getPos
   } = props;
   const intl = useIntl();
-  const pos = typeof getPos === 'function' ? getPos() : undefined;
+  let pos;
+  try {
+    pos = typeof getPos === 'function' ? getPos() : undefined;
+  } catch (e) {
+    pos = undefined;
+  }
 
   // We fall back to selection.$from even though it does not cover all use cases
   // eg. upon Editor init, selection is at the start, not at the Date node

package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js

@@ -43,11 +43,6 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
   api
 }) => {
   const emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
-  const {
-    useSomewhatSemanticTextColorNames
-  } = featureFlags || {
-    useSomewhatSemanticTextColorNames: false
-  };
   return jsx(ButtonGroup, null, items.filter(item => !item.hidden).map((item, idx) => {
     var _api$contextPanel, _api$extension;
     switch (item.type) {
@@ -167,14 +162,6 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
             ,
             hexToPaletteColor: hexToEditorBackgroundPaletteColor,
             paletteColorTooltipMessages: backgroundPaletteTooltipMessages
-            // We did not want to create new FF or update
-            //  useSomewhatSemanticTextColorNames name
-            //  because it is temporary and require extra work.
-            // So even though it says text color names,
-            //  we are going to use for all color pickers
-            //  such as text, background and table charts.
-            ,
-            showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
           });
         }
         if (item.selectType === 'emoji') {

package/dist/es2019/plugins/media/toolbar/index.js

@@ -229,7 +229,6 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
             var _pluginInjectionApi$a2;
             setBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);
           },
-          showSomewhatSemanticTooltips: getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().useSomewhatSemanticTextColorNames,
           borderMark: borderMark,
           intl: intl
         });

package/dist/es2019/plugins/media/ui/ImageBorder/index.js

@@ -18,7 +18,6 @@ const ImageBorder = ({
     formatMessage
   },
   toggleBorder,
-  showSomewhatSemanticTooltips,
   borderMark,
   setBorder
 }) => {
@@ -71,8 +70,7 @@ const ImageBorder = ({
       paletteOptions: {
         palette: borderColorPalette,
         paletteColorTooltipMessages: borderPaletteTooltipMessages,
-        hexToPaletteColor: hexToEditorBorderPaletteColor,
-        showSomewhatSemanticTooltips
+        hexToPaletteColor: hexToEditorBorderPaletteColor
       }
     })))
   }, {

package/dist/es2019/plugins/paste/handlers.js

@@ -635,7 +635,8 @@ export function handleMarkdown(markdownSlice, queueCardsFromChangedTr, from, to)
     } else {
       tr.replaceSelection(markdownSlice);
     }
-    tr.setSelection(TextSelection.near(tr.doc.resolve(pastesFrom + markdownSlice.size), -1));
+    const textPosition = tr.doc.resolve(Math.min(pastesFrom + markdownSlice.size, tr.doc.content.size));
+    tr.setSelection(TextSelection.near(textPosition, -1));
     queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr.scrollIntoView());

package/dist/es2019/plugins/text-color/index.js

@@ -10,11 +10,8 @@ const pluginConfig = textColorConfig => {
   return textColorConfig;
 };
 const textColorPlugin = ({
-  config: textColorConfig,
-  api
+  config: textColorConfig
 }) => {
-  var _api$featureFlags;
-  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'textColor',
     marks() {
@@ -54,8 +51,7 @@ const textColorPlugin = ({
           popupsBoundariesElement: popupsBoundariesElement,
           popupsScrollableElement: popupsScrollableElement,
           dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          disabled: disabled,
-          featureFlags: featureFlags
+          disabled: disabled
         })
       });
     }

package/dist/es2019/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -143,14 +143,10 @@ export class ToolbarTextColor extends React.Component {
       intl: {
         formatMessage
       },
-      disabled,
-      featureFlags
+      disabled
     } = this.props;
     const labelTextColor = formatMessage(messages.textColor);
     const palette = pluginState.palette;
-    const {
-      useSomewhatSemanticTextColorNames
-    } = featureFlags;
     let fitWidth;
     if (document.body.clientWidth <= 740) {
       // This was originally hard-coded, but moved here to a const
@@ -216,8 +212,7 @@ export class ToolbarTextColor extends React.Component {
       paletteOptions: {
         palette,
         hexToPaletteColor: hexToEditorTextPaletteColor,
-        paletteColorTooltipMessages: textPaletteTooltipMessages,
-        showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
+        paletteColorTooltipMessages: textPaletteTooltipMessages
       }
     }))), jsx("span", {
       css: separatorStyles

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

@@ -21,7 +21,7 @@ const colorPickerButtonWrapper = css`
   position: relative;
 `;
 const colorPickerExpandContainer = css`
-  margin: 0px -4px;
+  margin: 0px ${"var(--ds-space-negative-050, -4px)"};
 `;
 
 // Control the size of color picker buttons and preview
@@ -34,7 +34,7 @@ const colorPickerWrapper = theme => css`
   dark: `var(--ds-surface-overlay, ${DN50})`
 })(theme)};
   box-shadow: 0 4px 8px -2px ${N60A}, 0 0 1px ${N60A};
-  padding: 8px 0px;
+  padding: ${"var(--ds-space-100, 8px)"} 0px;
 `;
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
@@ -148,7 +148,6 @@ const ColorPickerButton = props => {
       paletteOptions: {
         palette: props.colorPalette,
         hexToPaletteColor: props.hexToPaletteColor,
-        showSomewhatSemanticTooltips: props.showSomewhatSemanticTooltips,
         paletteColorTooltipMessages: props.paletteColorTooltipMessages
       }
     }))));

package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js

@@ -342,10 +342,8 @@ const ColorPicker = props => {
     onFieldChange(name, currentColor !== colorValue);
   };
   const {
-    useSomewhatSemanticTextColorNames,
     expandedChartColors
   } = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
-    useSomewhatSemanticTextColorNames: false,
     expandedChartColors: false
   };
   return expandedChartColors ? jsx(ColorPickerButton, {
@@ -353,15 +351,7 @@ const ColorPicker = props => {
     currentColor: currentColor,
     onChange: onColorChange,
     colorPalette: extendedColorPalette,
-    paletteColorTooltipMessages: chartsColorPaletteTooltipMessages
-    // We did not want to create new FF or update
-    //  useSomewhatSemanticTextColorNames name
-    //  because it is temporary and require extra work.
-    // So even though it says text color names,
-    //  we are going to use for all color pickers
-    //  such as text, background and table charts.
-    ,
-    showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
+    paletteColorTooltipMessages: chartsColorPaletteTooltipMessages,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
     placement: "ConfigPanel",

package/dist/es2019/ui/ConfigPanel/Fields/Expand.js

@@ -33,7 +33,7 @@ const labelContainer = css`
 `;
 const expandContentContainer = isHidden => css`
   display: ${isHidden ? 'none' : 'block'};
-  margin-top: calc(-1 * ${"var(--ds-space-100, 8px)"});
+  margin-top: ${"var(--ds-space-negative-100, -8px)"};
 `;
 function Expand({
   field,

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.41.4";
+export const version = "187.41.5";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/create-editor/feature-flags-from-props.js

@@ -25,7 +25,7 @@ function getSpellCheck(featureFlags) {
  * which is used by both current and archv3 editors.
  */
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29;
+  var _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$collabEdit, _props$collabEdit2, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27;
   var normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
@@ -56,8 +56,7 @@ export function createFeatureFlagsFromProps(props) {
     // Including fallback to props.featureFlags so that mobile feature flags
     // are included (they are not kebab cased)
     restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags25 = props.featureFlags) === null || _props$featureFlags25 === void 0 ? void 0 : _props$featureFlags25.restartNumberedLists) === true,
-    useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.useSomewhatSemanticTextColorNames) : false)),
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
-    preventPopupOverflow: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29['prevent-popup-overflow']) : false)
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27['prevent-popup-overflow']) : false)
   });
 }

package/dist/esm/plugins/collab-edit/ui/styles.js

@@ -3,8 +3,8 @@ var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
 import { N20 } from '@atlaskit/theme/colors';
 import { akEditorSmallZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-export var inviteTeamWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: 50%;\n  min-width: ", ";\n  margin-left: calc(-1 * ", ");\n"])), "var(--ds-background-neutral, ".concat(N20, ")"), "var(--ds-space-400, 32px)", "var(--ds-space-050, 4px)");
-export var avatarContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n  display: flex;\n  align-items: center;\n\n  // ED-13102: This is to override list styles that come from the\n  // .wiki-content class in Confluence that should not apply within\n  // the toolbar. Has to be extra specific to override.\n  && > ul {\n    list-style-type: none;\n  }\n\n  div:last-child button.invite-to-edit {\n    border-radius: 50%;\n    height: 32px;\n    width: 32px;\n    padding: 2px;\n  }\n"])), "var(--ds-space-100, 8px)");
+export var inviteTeamWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: 50%;\n  min-width: ", ";\n  margin-left: ", ";\n"])), "var(--ds-background-neutral, ".concat(N20, ")"), "var(--ds-space-400, 32px)", "var(--ds-space-negative-050, -4px)");
+export var avatarContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n  display: flex;\n  align-items: center;\n\n  // ED-13102: This is to override list styles that come from the\n  // .wiki-content class in Confluence that should not apply within\n  // the toolbar. Has to be extra specific to override.\n  && > ul {\n    list-style-type: none;\n  }\n\n  div:last-child button.invite-to-edit {\n    border-radius: 50%;\n    height: 32px;\n    width: 32px;\n    padding: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)");
 export var badge = function badge(color) {
   return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: block;\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  width: 13px;\n  height: 13px;\n  z-index: ", ";\n  border-radius: 3px;\n  background: ", ";\n  color: ", ";\n  font-size: ", ";\n  line-height: 0;\n  padding-top: 7px;\n  text-align: center;\n  box-shadow: 0 0 1px ", ";\n  box-sizing: border-box;\n"])), akEditorSmallZIndex, color, "var(--ds-text-inverse, #fff)", relativeFontSizeToBase16(9), "var(--ds-border-inverse, #fff)");
 };

package/dist/esm/plugins/date/nodeviews/date.js

@@ -12,7 +12,12 @@ export function DateNodeView(props) {
     selection = _props$view$state.selection,
     getPos = props.getPos;
   var intl = useIntl();
-  var pos = typeof getPos === 'function' ? getPos() : undefined;
+  var pos;
+  try {
+    pos = typeof getPos === 'function' ? getPos() : undefined;
+  } catch (e) {
+    pos = undefined;
+  }
 
   // We fall back to selection.$from even though it does not cover all use cases
   // eg. upon Editor init, selection is at the start, not at the Date node

package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js

@@ -52,10 +52,6 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
     featureFlags = _ref.featureFlags,
     api = _ref.api;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
-  var _ref2 = featureFlags || {
-      useSomewhatSemanticTextColorNames: false
-    },
-    useSomewhatSemanticTextColorNames = _ref2.useSomewhatSemanticTextColorNames;
   return jsx(ButtonGroup, null, items.filter(function (item) {
     return !item.hidden;
   }).map(function (item, idx) {
@@ -191,14 +187,6 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
             ,
             hexToPaletteColor: hexToEditorBackgroundPaletteColor,
             paletteColorTooltipMessages: backgroundPaletteTooltipMessages
-            // We did not want to create new FF or update
-            //  useSomewhatSemanticTextColorNames name
-            //  because it is temporary and require extra work.
-            // So even though it says text color names,
-            //  we are going to use for all color pickers
-            //  such as text, background and table charts.
-            ,
-            showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
           });
         }
         if (item.selectType === 'emoji') {
@@ -220,8 +208,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
         if (!editorView || !extensionsProvider) {
           return null;
         }
-        var _ref3 = featureFlags || {},
-          extendFloatingToolbar = _ref3.extendFloatingToolbar;
+        var _ref2 = featureFlags || {},
+          extendFloatingToolbar = _ref2.extendFloatingToolbar;
         if (!extendFloatingToolbar) {
           return null;
         }
@@ -365,8 +353,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   // this prevents https://product-fabric.atlassian.net/browse/ED-10207
   _createClass(Toolbar, [{
     key: "resetStyling",
-    value: function resetStyling(_ref4) {
-      var table = _ref4.table;
+    value: function resetStyling(_ref3) {
+      var table = _ref3.table;
       if (this.props.editorView) {
         var _this$props$api;
         var _this$props$editorVie2 = this.props.editorView,

package/dist/esm/plugins/media/toolbar/index.js

@@ -222,7 +222,6 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             var _pluginInjectionApi$a2;
             setBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);
           },
-          showSomewhatSemanticTooltips: getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().useSomewhatSemanticTextColorNames,
           borderMark: borderMark,
           intl: intl
         });

package/dist/esm/plugins/media/ui/ImageBorder/index.js

@@ -17,7 +17,6 @@ import { messages } from './messages';
 var ImageBorder = function ImageBorder(_ref) {
   var formatMessage = _ref.intl.formatMessage,
     toggleBorder = _ref.toggleBorder,
-    showSomewhatSemanticTooltips = _ref.showSomewhatSemanticTooltips,
     borderMark = _ref.borderMark,
     setBorder = _ref.setBorder;
   var popupTarget = useRef(null);
@@ -78,8 +77,7 @@ var ImageBorder = function ImageBorder(_ref) {
       paletteOptions: {
         palette: borderColorPalette,
         paletteColorTooltipMessages: borderPaletteTooltipMessages,
-        hexToPaletteColor: hexToEditorBorderPaletteColor,
-        showSomewhatSemanticTooltips: showSomewhatSemanticTooltips
+        hexToPaletteColor: hexToEditorBorderPaletteColor
       }
     })))
   }, {

package/dist/esm/plugins/paste/handlers.js

@@ -620,7 +620,8 @@ export function handleMarkdown(markdownSlice, queueCardsFromChangedTr, from, to)
     } else {
       tr.replaceSelection(markdownSlice);
     }
-    tr.setSelection(TextSelection.near(tr.doc.resolve(pastesFrom + markdownSlice.size), -1));
+    var textPosition = tr.doc.resolve(Math.min(pastesFrom + markdownSlice.size, tr.doc.content.size));
+    tr.setSelection(TextSelection.near(textPosition, -1));
     queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr.scrollIntoView());

package/dist/esm/plugins/text-color/index.js

@@ -10,10 +10,7 @@ var pluginConfig = function pluginConfig(textColorConfig) {
   return textColorConfig;
 };
 var textColorPlugin = function textColorPlugin(_ref) {
-  var _api$featureFlags;
-  var textColorConfig = _ref.config,
-    api = _ref.api;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  var textColorConfig = _ref.config;
   return {
     name: 'textColor',
     marks: function marks() {
@@ -53,8 +50,7 @@ var textColorPlugin = function textColorPlugin(_ref) {
             popupsBoundariesElement: popupsBoundariesElement,
             popupsScrollableElement: popupsScrollableElement,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            disabled: disabled,
-            featureFlags: featureFlags
+            disabled: disabled
           });
         }
       });

package/dist/esm/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -158,11 +158,9 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         isReducedSpacing = _this$props.isReducedSpacing,
         pluginState = _this$props.pluginState,
         formatMessage = _this$props.intl.formatMessage,
-        disabled = _this$props.disabled,
-        featureFlags = _this$props.featureFlags;
+        disabled = _this$props.disabled;
       var labelTextColor = formatMessage(messages.textColor);
       var palette = pluginState.palette;
-      var useSomewhatSemanticTextColorNames = featureFlags.useSomewhatSemanticTextColorNames;
       var fitWidth;
       if (document.body.clientWidth <= 740) {
         // This was originally hard-coded, but moved here to a const
@@ -229,8 +227,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         paletteOptions: {
           palette: palette,
           hexToPaletteColor: hexToEditorTextPaletteColor,
-          paletteColorTooltipMessages: textPaletteTooltipMessages,
-          showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
+          paletteColorTooltipMessages: textPaletteTooltipMessages
         }
       }))), jsx("span", {
         css: separatorStyles

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

@@ -21,16 +21,16 @@ import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 
 // helps adjusts position of popup
 var colorPickerButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-var colorPickerExpandContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0px -4px;\n"])));
+var colorPickerExpandContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0px ", ";\n"])), "var(--ds-space-negative-050, -4px)");
 
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var colorPickerWrapper = function colorPickerWrapper(theme) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  padding: 8px 0px;\n"])), borderRadius(), themed({
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  padding: ", " 0px;\n"])), borderRadius(), themed({
     light: "var(--ds-surface-overlay, ".concat(N0, ")"),
     dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
-  })(theme), N60A, N60A);
+  })(theme), N60A, N60A, "var(--ds-space-100, 8px)");
 };
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
@@ -154,7 +154,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
       paletteOptions: {
         palette: props.colorPalette,
         hexToPaletteColor: props.hexToPaletteColor,
-        showSomewhatSemanticTooltips: props.showSomewhatSemanticTooltips,
         paletteColorTooltipMessages: props.paletteColorTooltipMessages
       }
     }))));

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -338,25 +338,15 @@ var ColorPicker = function ColorPicker(props) {
     onFieldChange(name, currentColor !== colorValue);
   };
   var _ref = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
-      useSomewhatSemanticTextColorNames: false,
       expandedChartColors: false
     },
-    useSomewhatSemanticTextColorNames = _ref.useSomewhatSemanticTextColorNames,
     expandedChartColors = _ref.expandedChartColors;
   return expandedChartColors ? jsx(ColorPickerButton, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
     colorPalette: extendedColorPalette,
-    paletteColorTooltipMessages: chartsColorPaletteTooltipMessages
-    // We did not want to create new FF or update
-    //  useSomewhatSemanticTextColorNames name
-    //  because it is temporary and require extra work.
-    // So even though it says text color names,
-    //  we are going to use for all color pickers
-    //  such as text, background and table charts.
-    ,
-    showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
+    paletteColorTooltipMessages: chartsColorPaletteTooltipMessages,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
     placement: "ConfigPanel",

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -15,7 +15,7 @@ export var expandControl = css(_templateObject2 || (_templateObject2 = _taggedTe
 var chevronContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", ";\n    height: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 var labelContainer = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  font-weight: 500;\n"])));
 var expandContentContainer = function expandContentContainer(isHidden) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n  margin-top: calc(-1 * ", ");\n"])), isHidden ? 'none' : 'block', "var(--ds-space-100, 8px)");
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n  margin-top: ", ";\n"])), isHidden ? 'none' : 'block', "var(--ds-space-negative-100, -8px)");
 };
 function Expand(_ref) {
   var field = _ref.field,

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.41.4";
+export var version = "187.41.5";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/plugins/media/ui/ImageBorder/index.d.ts

@@ -1,13 +1,12 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { IntlShape } from 'react-intl-next';
-import { BorderMarkAttributes } from '@atlaskit/adf-schema';
+import type { IntlShape } from 'react-intl-next';
+import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
 export interface ImageBorderProps {
     intl: IntlShape;
     toggleBorder: () => void;
     borderMark?: BorderMarkAttributes;
-    showSomewhatSemanticTooltips?: boolean;
     setBorder: (attrs: Partial<BorderMarkAttributes>) => void;
 }
-declare const ImageBorder: ({ intl: { formatMessage }, toggleBorder, showSomewhatSemanticTooltips, borderMark, setBorder, }: ImageBorderProps) => jsx.JSX.Element;
+declare const ImageBorder: ({ intl: { formatMessage }, toggleBorder, borderMark, setBorder, }: ImageBorderProps) => jsx.JSX.Element;
 export default ImageBorder;

package/dist/types/plugins/text-color/index.d.ts

@@ -1,11 +1,10 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { TextColorPluginConfig, TextColorPluginState } from './pm-plugins/main';
 import { pluginKey as textColorPluginKey } from './pm-plugins/main';
 type Config = TextColorPluginConfig | boolean;
 declare const textColorPlugin: NextEditorPlugin<'textColor', {
     pluginConfiguration: Config | undefined;
-    dependencies: [FeatureFlagsPlugin];
+    dependencies: [];
 }>;
 export { textColorPluginKey };
 export type { TextColorPluginState };

package/dist/types/plugins/text-color/ui/ToolbarTextColor/index.d.ts

@@ -5,7 +5,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { DispatchAnalyticsEvent } from '../../../analytics';
 import type { TextColorPluginState } from '../../pm-plugins/main';
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
 export declare const messages: {
     textColor: {
         id: string;
@@ -26,7 +25,6 @@ export interface Props {
     isReducedSpacing?: boolean;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     disabled?: boolean;
-    featureFlags: FeatureFlags;
 }
 export declare class ToolbarTextColor extends React.Component<Props & WrappedComponentProps, State> {
     state: State;

package/dist/types/ui/ColorPickerButton/index.d.ts

@@ -17,7 +17,6 @@ type Props = WithAnalyticsEventsProps & {
     mountPoint?: HTMLElement;
     setDisableParentScroll?: (disable: boolean) => void;
     hexToPaletteColor?: (hexColor: string) => string | undefined;
-    showSomewhatSemanticTooltips?: boolean;
     paletteColorTooltipMessages?: PaletteTooltipMessages;
     /**
      * After picking the color the default behaviour is to focus the color picker button.
@@ -25,5 +24,5 @@ type Props = WithAnalyticsEventsProps & {
      */
     skipFocusButtonAfterPick?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "title" | "key" | "onChange" | "size" | "cols" | "analyticsContext" | "currentColor" | "alignX" | "colorPalette" | "placement" | "mountPoint" | "setDisableParentScroll" | "hexToPaletteColor" | "showSomewhatSemanticTooltips" | "paletteColorTooltipMessages" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "title" | "key" | "onChange" | "size" | "cols" | "analyticsContext" | "currentColor" | "alignX" | "colorPalette" | "placement" | "mountPoint" | "setDisableParentScroll" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/ui/ConfigPanel/Fields/Expand.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { FieldDefinition } from '@atlaskit/editor-common/extensions';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { FieldDefinition } from '@atlaskit/editor-common/extensions';
 export declare const expandContainer: import("@emotion/react").SerializedStyles;
 export declare const expandControl: import("@emotion/react").SerializedStyles;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{

package/dist/types-ts4.5/plugins/media/ui/ImageBorder/index.d.ts

@@ -1,13 +1,12 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { IntlShape } from 'react-intl-next';
-import { BorderMarkAttributes } from '@atlaskit/adf-schema';
+import type { IntlShape } from 'react-intl-next';
+import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
 export interface ImageBorderProps {
     intl: IntlShape;
     toggleBorder: () => void;
     borderMark?: BorderMarkAttributes;
-    showSomewhatSemanticTooltips?: boolean;
     setBorder: (attrs: Partial<BorderMarkAttributes>) => void;
 }
-declare const ImageBorder: ({ intl: { formatMessage }, toggleBorder, showSomewhatSemanticTooltips, borderMark, setBorder, }: ImageBorderProps) => jsx.JSX.Element;
+declare const ImageBorder: ({ intl: { formatMessage }, toggleBorder, borderMark, setBorder, }: ImageBorderProps) => jsx.JSX.Element;
 export default ImageBorder;

package/dist/types-ts4.5/plugins/text-color/index.d.ts

@@ -1,12 +1,10 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { TextColorPluginConfig, TextColorPluginState } from './pm-plugins/main';
 import { pluginKey as textColorPluginKey } from './pm-plugins/main';
 type Config = TextColorPluginConfig | boolean;
 declare const textColorPlugin: NextEditorPlugin<'textColor', {
     pluginConfiguration: Config | undefined;
     dependencies: [
-        FeatureFlagsPlugin
     ];
 }>;
 export { textColorPluginKey };

package/dist/types-ts4.5/plugins/text-color/ui/ToolbarTextColor/index.d.ts

@@ -5,7 +5,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { DispatchAnalyticsEvent } from '../../../analytics';
 import type { TextColorPluginState } from '../../pm-plugins/main';
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
 export declare const messages: {
     textColor: {
         id: string;
@@ -26,7 +25,6 @@ export interface Props {
     isReducedSpacing?: boolean;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     disabled?: boolean;
-    featureFlags: FeatureFlags;
 }
 export declare class ToolbarTextColor extends React.Component<Props & WrappedComponentProps, State> {
     state: State;

package/dist/types-ts4.5/ui/ColorPickerButton/index.d.ts

@@ -17,7 +17,6 @@ type Props = WithAnalyticsEventsProps & {
     mountPoint?: HTMLElement;
     setDisableParentScroll?: (disable: boolean) => void;
     hexToPaletteColor?: (hexColor: string) => string | undefined;
-    showSomewhatSemanticTooltips?: boolean;
     paletteColorTooltipMessages?: PaletteTooltipMessages;
     /**
      * After picking the color the default behaviour is to focus the color picker button.
@@ -25,5 +24,5 @@ type Props = WithAnalyticsEventsProps & {
      */
     skipFocusButtonAfterPick?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "title" | "key" | "onChange" | "size" | "cols" | "analyticsContext" | "currentColor" | "alignX" | "colorPalette" | "placement" | "mountPoint" | "setDisableParentScroll" | "hexToPaletteColor" | "showSomewhatSemanticTooltips" | "paletteColorTooltipMessages" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "title" | "key" | "onChange" | "size" | "cols" | "analyticsContext" | "currentColor" | "alignX" | "colorPalette" | "placement" | "mountPoint" | "setDisableParentScroll" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/ui/ConfigPanel/Fields/Expand.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { FieldDefinition } from '@atlaskit/editor-common/extensions';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { FieldDefinition } from '@atlaskit/editor-common/extensions';
 export declare const expandContainer: import("@emotion/react").SerializedStyles;
 export declare const expandControl: import("@emotion/react").SerializedStyles;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.41.4",
+  "version": "187.41.5",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -78,7 +78,7 @@
     "@atlaskit/editor-plugin-list": "^1.2.0",
     "@atlaskit/editor-plugin-placeholder": "^0.1.0",
     "@atlaskit/editor-plugin-rule": "^0.1.0",
-    "@atlaskit/editor-plugin-table": "^2.13.0",
+    "@atlaskit/editor-plugin-table": "^2.14.0",
     "@atlaskit/editor-plugin-text-formatting": "^0.4.0",
     "@atlaskit/editor-plugin-type-ahead": "^0.3.0",
     "@atlaskit/editor-plugin-unsupported-content": "^0.2.0",
@@ -152,7 +152,7 @@
     "@atlaskit/collab-provider": "9.12.2",
     "@atlaskit/dropdown-menu": "^11.13.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
-    "@atlaskit/editor-plugin-table": "^2.13.0",
+    "@atlaskit/editor-plugin-table": "^2.14.0",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/inline-dialog": "^13.6.0",