@atlaskit/editor-core 215.1.0 → 215.1.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 215.1.2
+
+### Patch Changes
+
+- [`71cac2e4cf915`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71cac2e4cf915) -
+  [FF-CLEANUP] platform_editor_add_border_for_nested_panel
+- Updated dependencies
+
+## 215.1.1
+
+### Patch Changes
+
+- [`dbb9e84ab30e0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dbb9e84ab30e0) -
+  [ux] dense mode emoji icon in panel
+- Updated dependencies
+
 ## 215.1.0
 
 ### Minor Changes

package/dist/cjs/create-editor/ReactEditorView.js

@@ -439,6 +439,31 @@ function ReactEditorView(props) {
         var ttfb = (0, _navigation.getResponseEndTime)();
         var contextIdentifier = (_pluginInjectionAPI$c2 = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c2 === void 0 ? void 0 : _pluginInjectionAPI$c2.sharedState.currentState();
         var nodesInViewport = (0, _expValEquals.expValEquals)('platform_editor_ttvc_nodes_in_viewport', 'isEnabled', true) ? (0, _getNodesVisibleInViewport.getNodesVisibleInViewport)(viewRef.current.dom) : {};
+        var nodeSize = viewRef.current.state.doc.nodeSize;
+        var _ref4 = (0, _expValEquals.expValEquals)('cc_editor_insm_doc_size_stats', 'isEnabled', true) ? {
+            totalNodes: Object.values(nodes).reduce(function (acc, curr) {
+              return acc + curr;
+            }, 0),
+            // Computed on client for dimension bucketing in Statsig
+            nodeSizeBucket: function () {
+              switch (true) {
+                case nodeSize < 10000:
+                  return '<10000';
+                case nodeSize < 20000:
+                  return '<20000';
+                case nodeSize < 30000:
+                  return '<30000';
+                case nodeSize < 40000:
+                  return '<40000';
+                case nodeSize < 50000:
+                  return '<50000';
+                default:
+                  return '50000+';
+              }
+            }()
+          } : {},
+          totalNodes = _ref4.totalNodes,
+          nodeSizeBucket = _ref4.nodeSizeBucket;
         dispatchAnalyticsEvent({
           action: _analytics.ACTION.PROSEMIRROR_RENDERED,
           actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
@@ -447,6 +472,9 @@ function ReactEditorView(props) {
             startTime: startTime,
             nodes: nodes,
             nodesInViewport: nodesInViewport,
+            nodeSize: nodeSize,
+            nodeSizeBucket: nodeSizeBucket,
+            totalNodes: totalNodes,
             ttfb: ttfb,
             severity: proseMirrorRenderedSeverity,
             objectId: contextIdentifier === null || contextIdentifier === void 0 ? void 0 : contextIdentifier.objectId,

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -214,6 +214,8 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _rule.ruleStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _platformFeatureFlags.fg)('aifc_create_enabled') && _smartCardStyles.smartCardDiffStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _mediaStyles.mediaStyles,
     // merge firstWrappedMediaStyles with mediaStyles when clean up platform_editor_fix_media_in_renderer
     (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles,

package/dist/cjs/ui/EditorContentContainer/styles/emoji.js

@@ -53,14 +53,25 @@ var getDenseEmojiStyles = exports.getDenseEmojiStyles = function getDenseEmojiSt
   // Default: 20px emoji at 16px base font
   // Scaled: 20px * (baseFontSize/16)
   // E.g., dense mode (13px base): 20px * (13/16) = 16.25px
-  var emojiSize = _emoji.defaultEmojiHeight * baseFontSize / 16;
-  return (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
+  var emojiSize = _emoji.defaultEmojiHeight * baseFontSize / _editorSharedStyles.akEditorFullPageDefaultFontSize;
+  return (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".ProseMirror :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
     width: emojiSize,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
     height: emojiSize,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    maxHeight: emojiSize
+    maxHeight: emojiSize,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    img: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    }
+  }), '.ProseMirror .ak-editor-panel .ak-editor-panel__icon', {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    height: "var(--ds-space-250, 20px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    width: "var(--ds-space-250, 20px)"
   }));
 };
 

package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.smartLinksInLivePagesStyles = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = exports.smartCardStylesWithSearchMatch = exports.smartCardStyles = exports.linkingVisualRefreshV1Styles = exports.editorControlsSmartCardStyles = exports.SmartCardSharedCssClassName = exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = void 0;
+exports.smartLinksInLivePagesStyles = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = exports.smartCardStylesWithSearchMatch = exports.smartCardStyles = exports.smartCardDiffStyles = exports.linkingVisualRefreshV1Styles = exports.editorControlsSmartCardStyles = exports.SmartCardSharedCssClassName = exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -31,6 +31,17 @@ var editorControlsSmartCardStyles = exports.editorControlsSmartCardStyles = (0,
   }
 }));
 
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var smartCardDiffStyles = exports.smartCardDiffStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-changed-decoration-node-standard .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)"),
+  borderColor: 'transparent'
+}), "&.show-diff-changed-decoration-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
+  borderColor: 'transparent'
+})));
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var smartCardStyles = exports.smartCardStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
   maxWidth: 'calc(100% - 20px)',

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "215.0.6";
+var version = exports.version = "215.1.1";

package/dist/es2019/create-editor/ReactEditorView.js

@@ -409,6 +409,30 @@ export function ReactEditorView(props) {
         const ttfb = getResponseEndTime();
         const contextIdentifier = (_pluginInjectionAPI$c4 = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c4 === void 0 ? void 0 : _pluginInjectionAPI$c4.sharedState.currentState();
         const nodesInViewport = expValEquals('platform_editor_ttvc_nodes_in_viewport', 'isEnabled', true) ? getNodesVisibleInViewport(viewRef.current.dom) : {};
+        const nodeSize = viewRef.current.state.doc.nodeSize;
+        const {
+          totalNodes,
+          nodeSizeBucket
+        } = expValEquals('cc_editor_insm_doc_size_stats', 'isEnabled', true) ? {
+          totalNodes: Object.values(nodes).reduce((acc, curr) => acc + curr, 0),
+          // Computed on client for dimension bucketing in Statsig
+          nodeSizeBucket: (() => {
+            switch (true) {
+              case nodeSize < 10000:
+                return '<10000';
+              case nodeSize < 20000:
+                return '<20000';
+              case nodeSize < 30000:
+                return '<30000';
+              case nodeSize < 40000:
+                return '<40000';
+              case nodeSize < 50000:
+                return '<50000';
+              default:
+                return '50000+';
+            }
+          })()
+        } : {};
         dispatchAnalyticsEvent({
           action: ACTION.PROSEMIRROR_RENDERED,
           actionSubject: ACTION_SUBJECT.EDITOR,
@@ -417,6 +441,9 @@ export function ReactEditorView(props) {
             startTime,
             nodes,
             nodesInViewport,
+            nodeSize,
+            nodeSizeBucket,
+            totalNodes,
             ttfb,
             severity: proseMirrorRenderedSeverity,
             objectId: contextIdentifier === null || contextIdentifier === void 0 ? void 0 : contextIdentifier.objectId,

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js

@@ -56,7 +56,7 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
 import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
 import { shadowStyles } from './styles/shadowStyles';
-import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
+import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles, smartCardDiffStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { syncBlockStyles } from './styles/syncBlockStyles';
 import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
@@ -210,6 +210,8 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     ruleStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fg('aifc_create_enabled') && smartCardDiffStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     mediaStyles,
     // merge firstWrappedMediaStyles with mediaStyles when clean up platform_editor_fix_media_in_renderer
     fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles,

package/dist/es2019/ui/EditorContentContainer/styles/emoji.js

@@ -54,7 +54,7 @@ export const getDenseEmojiStyles = baseFontSize => {
   // Default: 20px emoji at 16px base font
   // Scaled: 20px * (baseFontSize/16)
   // E.g., dense mode (13px base): 20px * (13/16) = 16.25px
-  const emojiSize = defaultEmojiHeight * baseFontSize / 16;
+  const emojiSize = defaultEmojiHeight * baseFontSize / akEditorFullPageDefaultFontSize;
   return css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     [`.ProseMirror :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
@@ -63,7 +63,21 @@ export const getDenseEmojiStyles = baseFontSize => {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
       height: emojiSize,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-      maxHeight: emojiSize
+      maxHeight: emojiSize,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      img: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      }
+    },
+    // Scale panel icon in dense mode
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror .ak-editor-panel .ak-editor-panel__icon': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      height: "var(--ds-space-250, 20px)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      width: "var(--ds-space-250, 20px)"
     }
   });
 };

package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -25,6 +25,25 @@ export const editorControlsSmartCardStyles = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const smartCardDiffStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
+    [`&.show-diff-changed-decoration-node-standard .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-purple, #8270DB)"}`,
+      borderColor: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+    [`&.show-diff-changed-decoration-node-traditional .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-green, #22A06B)"}`,
+      borderColor: 'transparent'
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const smartCardStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "215.0.6";
+export const version = "215.1.1";

package/dist/esm/create-editor/ReactEditorView.js

@@ -429,6 +429,31 @@ export function ReactEditorView(props) {
         var ttfb = getResponseEndTime();
         var contextIdentifier = (_pluginInjectionAPI$c2 = pluginInjectionAPI.current.api().base) === null || _pluginInjectionAPI$c2 === void 0 ? void 0 : _pluginInjectionAPI$c2.sharedState.currentState();
         var nodesInViewport = expValEquals('platform_editor_ttvc_nodes_in_viewport', 'isEnabled', true) ? getNodesVisibleInViewport(viewRef.current.dom) : {};
+        var nodeSize = viewRef.current.state.doc.nodeSize;
+        var _ref4 = expValEquals('cc_editor_insm_doc_size_stats', 'isEnabled', true) ? {
+            totalNodes: Object.values(nodes).reduce(function (acc, curr) {
+              return acc + curr;
+            }, 0),
+            // Computed on client for dimension bucketing in Statsig
+            nodeSizeBucket: function () {
+              switch (true) {
+                case nodeSize < 10000:
+                  return '<10000';
+                case nodeSize < 20000:
+                  return '<20000';
+                case nodeSize < 30000:
+                  return '<30000';
+                case nodeSize < 40000:
+                  return '<40000';
+                case nodeSize < 50000:
+                  return '<50000';
+                default:
+                  return '50000+';
+              }
+            }()
+          } : {},
+          totalNodes = _ref4.totalNodes,
+          nodeSizeBucket = _ref4.nodeSizeBucket;
         dispatchAnalyticsEvent({
           action: ACTION.PROSEMIRROR_RENDERED,
           actionSubject: ACTION_SUBJECT.EDITOR,
@@ -437,6 +462,9 @@ export function ReactEditorView(props) {
             startTime: startTime,
             nodes: nodes,
             nodesInViewport: nodesInViewport,
+            nodeSize: nodeSize,
+            nodeSizeBucket: nodeSizeBucket,
+            totalNodes: totalNodes,
             ttfb: ttfb,
             severity: proseMirrorRenderedSeverity,
             objectId: contextIdentifier === null || contextIdentifier === void 0 ? void 0 : contextIdentifier.objectId,

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -57,7 +57,7 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
 import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
 import { shadowStyles } from './styles/shadowStyles';
-import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
+import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles, smartCardDiffStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { syncBlockStyles } from './styles/syncBlockStyles';
 import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
@@ -206,6 +206,8 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     ruleStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fg('aifc_create_enabled') && smartCardDiffStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     mediaStyles,
     // merge firstWrappedMediaStyles with mediaStyles when clean up platform_editor_fix_media_in_renderer
     fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles,

package/dist/esm/ui/EditorContentContainer/styles/emoji.js

@@ -45,14 +45,25 @@ export var getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
   // Default: 20px emoji at 16px base font
   // Scaled: 20px * (baseFontSize/16)
   // E.g., dense mode (13px base): 20px * (13/16) = 16.25px
-  var emojiSize = defaultEmojiHeight * baseFontSize / 16;
-  return css(_defineProperty({}, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
+  var emojiSize = defaultEmojiHeight * baseFontSize / akEditorFullPageDefaultFontSize;
+  return css(_defineProperty(_defineProperty({}, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
     width: emojiSize,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
     height: emojiSize,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    maxHeight: emojiSize
+    maxHeight: emojiSize,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    img: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    }
+  }), '.ProseMirror .ak-editor-panel .ak-editor-panel__icon', {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    height: "var(--ds-space-250, 20px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    width: "var(--ds-space-250, 20px)"
   }));
 };
 

package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -23,6 +23,17 @@ export var editorControlsSmartCardStyles = css(_defineProperty({}, ".".concat(Sm
   }
 }));
 
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var smartCardDiffStyles = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty({}, "&.show-diff-changed-decoration-node-standard .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)"),
+  borderColor: 'transparent'
+}), "&.show-diff-changed-decoration-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
+  borderColor: 'transparent'
+})));
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var smartCardStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty({
   maxWidth: 'calc(100% - 20px)',

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "215.0.6";
+export var version = "215.1.1";

package/dist/types/create-editor/create-universal-preset.d.ts

@@ -553,6 +553,8 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     sharedState: import("packages/editor/editor-plugin-toolbar/dist/types/toolbarPluginType").EditorToolbarPluginState;
 }, import("@atlaskit/editor-plugins/toolbar").ToolbarPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
     commands: {
+        endHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
+        startHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
         updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginSharedState | undefined;

package/dist/types/presets/universal.d.ts

@@ -614,6 +614,8 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     sharedState: import("packages/editor/editor-plugin-toolbar/dist/types/toolbarPluginType").EditorToolbarPluginState;
 }, import("@atlaskit/editor-plugins/toolbar").ToolbarPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
     commands: {
+        endHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
+        startHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
         updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginSharedState | undefined;

package/dist/types/presets/useUniversalPreset.d.ts

@@ -553,6 +553,8 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     sharedState: import("packages/editor/editor-plugin-toolbar/dist/types/toolbarPluginType").EditorToolbarPluginState;
 }, import("@atlaskit/editor-plugins/toolbar").ToolbarPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
     commands: {
+        endHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
+        startHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
         updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginSharedState | undefined;

package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts

@@ -9,6 +9,7 @@ export declare const SmartCardSharedCssClassName: {
     LOADER_WRAPPER: string;
 };
 export declare const editorControlsSmartCardStyles: SerializedStyles;
+export declare const smartCardDiffStyles: SerializedStyles;
 export declare const smartCardStyles: SerializedStyles;
 export declare const smartCardStylesWithSearchMatch: SerializedStyles;
 export declare const smartCardStylesWithSearchMatchAndBlockMenuDangerStyles: SerializedStyles;

package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts

@@ -800,6 +800,8 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     }, import("@atlaskit/editor-plugins/toolbar").ToolbarPluginOptions | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
         commands: {
+            endHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
+            startHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
             updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
         };
         sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginSharedState | undefined;

package/dist/types-ts4.5/presets/universal.d.ts

@@ -861,6 +861,8 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     }, import("@atlaskit/editor-plugins/toolbar").ToolbarPluginOptions | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
         commands: {
+            endHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
+            startHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
             updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
         };
         sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginSharedState | undefined;

package/dist/types-ts4.5/presets/useUniversalPreset.d.ts

@@ -800,6 +800,8 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     }, import("@atlaskit/editor-plugins/toolbar").ToolbarPluginOptions | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"history", {
         commands: {
+            endHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
+            startHistorySlice: (id: string) => import("@atlaskit/editor-common/types").EditorCommand;
             updatePluginState: import("@atlaskit/editor-common/types").EditorCommand;
         };
         sharedState: import("@atlaskit/editor-plugins/history").HistoryPluginSharedState | undefined;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/smartCardStyles.d.ts

@@ -9,6 +9,7 @@ export declare const SmartCardSharedCssClassName: {
     LOADER_WRAPPER: string;
 };
 export declare const editorControlsSmartCardStyles: SerializedStyles;
+export declare const smartCardDiffStyles: SerializedStyles;
 export declare const smartCardStyles: SerializedStyles;
 export declare const smartCardStylesWithSearchMatch: SerializedStyles;
 export declare const smartCardStylesWithSearchMatchAndBlockMenuDangerStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "215.1.0",
+	"version": "215.1.2",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -81,7 +81,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.10.0",
+		"@atlaskit/editor-common": "^110.11.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -222,6 +222,9 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"aifc_create_enabled": {
+			"type": "boolean"
+		},
 		"platform_editor_use_preferences_plugin": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -415,10 +418,6 @@
 		"platform_editor_lce_scrolltop_mitigation": {
 			"type": "boolean"
 		},
-		"platform_editor_add_border_for_nested_panel": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform_editor_controls_increase_full_page_gutter": {
 			"type": "boolean"
 		},