@atlaskit/editor-core 187.41.4 → 187.41.7

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.7";
 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/nodeviews/mediaSingle.js

@@ -398,7 +398,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
-      return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, resizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
+      return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, _extends({}, resizableMediaSingleProps, {
+        showLegacyNotification: widthType !== 'pixel'
+      }), MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
         lineLength: contentWidthForLegacyExperience
       }), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
     }

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/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { resizableMediaMigrationNotificationStyle } from './styles';
+export var ResizableMediaMigrationNotification = function ResizableMediaMigrationNotification() {
+  return jsx("div", {
+    "data-testid": "resizable-media-migration-notification",
+    css: [resizableMediaMigrationNotificationStyle]
+  });
+};

package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -28,6 +28,7 @@ import memoizeOne from 'memoize-one';
 import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
+import { ResizableMediaMigrationNotification } from './ResizableMediaMigrationNotification';
 export var resizerNextTestId = 'mediaSingle.resizerNext.testid';
 var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingleNext, _React$Component);
@@ -495,7 +496,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         fullWidthMode = _this$props8.fullWidthMode,
         selected = _this$props8.selected,
         children = _this$props8.children,
-        lineLength = _this$props8.lineLength;
+        lineLength = _this$props8.lineLength,
+        showLegacyNotification = _this$props8.showLegacyNotification;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         size = _this$state.size,
@@ -547,7 +549,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         isHandleVisible: selected,
         handlePositioning: isNestedNode ? 'adjacent' : undefined,
         handleHighlight: "full-height"
-      }, children));
+      }, children, showLegacyNotification && jsx(ResizableMediaMigrationNotification, null)));
     }
   }]);
   return ResizableMediaSingleNext;

package/dist/esm/plugins/media/ui/ResizableMediaSingle/styles.js

@@ -0,0 +1,7 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import * as colors from '@atlaskit/theme/colors';
+var NOTIFICATION_SIZE = 8;
+var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
+export var resizableMediaMigrationNotificationStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: ", ";\n  right: calc(", " + ", ");\n  background-color: ", ";\n  border-radius: ", ";\n  width: ", "px;\n  height: ", "px;\n  pointer-events: none;\n"])), SPACE_FROM_EDGE, "var(--ds-space-150, 12px)", SPACE_FROM_EDGE, "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"), "var(--ds-border-radius-circle, 50%)", NOTIFICATION_SIZE, NOTIFICATION_SIZE);

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.7";
 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/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.d.ts

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const ResizableMediaMigrationNotification: () => jsx.JSX.Element;

package/dist/types/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -15,8 +15,10 @@ type State = {
     relativeGuides: RelativeGuides;
     guidelines: GuidelineConfig[];
 };
-type ResizableMediaSingleNextProps = Props;
 export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
+type ResizableMediaSingleNextProps = Props & {
+    showLegacyNotification?: boolean;
+};
 declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);

package/dist/types/plugins/media/ui/ResizableMediaSingle/styles.d.ts

@@ -0,0 +1 @@
+export declare const resizableMediaMigrationNotificationStyle: import("@emotion/react").SerializedStyles;

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/media/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.d.ts

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const ResizableMediaMigrationNotification: () => jsx.JSX.Element;

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -15,8 +15,10 @@ type State = {
     relativeGuides: RelativeGuides;
     guidelines: GuidelineConfig[];
 };
-type ResizableMediaSingleNextProps = Props;
 export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
+type ResizableMediaSingleNextProps = Props & {
+    showLegacyNotification?: boolean;
+};
 declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/styles.d.ts

@@ -0,0 +1 @@
+export declare const resizableMediaMigrationNotificationStyle: import("@emotion/react").SerializedStyles;

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<{