@atlaskit/editor-core 221.11.1 → 221.12.1

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

@@ -395,7 +395,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _layout.layoutSectionStylesAdvanced :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _layout.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) &&
+    _layout.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _layout.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _layout.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -56,7 +56,22 @@ var dateVanillaStyles = exports.dateVanillaStyles = (0, _react.css)((0, _defineP
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-var dateStyles = exports.dateStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
+var dateStyles = exports.dateStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+  // Show diff: date attr change highlight. Keep this with date node styles so the highlight
+  // follows the date node view instead of living in shared smart-card diff styles.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-date': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)",
+    outline: '2px solid var(--show-diff-atomic-inline-changed-border-color)',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    outlineOffset: '1px',
+    borderRadius: "var(--ds-radius-medium, 6px)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-date.show-diff-atomic-inline-changed-traditional': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-green, #22A06B)"
+  }
+}, ".".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
   whiteSpace: 'unset'
 }), ".".concat(DateSharedCssClassName.DATE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER), {
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

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

@@ -21,6 +21,23 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 var emojiStyles = exports.emojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+  // Show diff: emoji attr change highlight. Keep this with emoji node styles so the highlight
+  // targets sprite/image/unicode emoji renderers.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-emoji': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-green, #22A06B)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite, .emoji-common-emoji-image, .emoji-common-emoji-unicode)': {
+    outline: '2px solid var(--show-diff-atomic-inline-changed-border-color)',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    outlineOffset: '1px',
+    borderRadius: "var(--ds-radius-xsmall, 2px)"
+  },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror [data-emoji-type="unicode"]': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -103,6 +120,23 @@ var emojiStyles = exports.emojiStyles = (0, _react.css)((0, _defineProperty2.def
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 var scaledEmojiStyles = exports.scaledEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+  // Show diff: emoji attr change highlight. Keep this with scaled emoji node styles too,
+  // because scaled emoji styles replace the base emoji style bucket when enabled.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-emoji': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-green, #22A06B)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite, .emoji-common-emoji-image, .emoji-common-emoji-unicode)': {
+    outline: '2px solid var(--show-diff-atomic-inline-changed-border-color)',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    outlineOffset: '1px',
+    borderRadius: "var(--ds-radius-xsmall, 2px)"
+  },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror [data-emoji-type="unicode"]': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.layoutStylesForView = exports.layoutSelectedStylesNotAdvanced = exports.layoutSelectedStylesForViewNotAdvanced = exports.layoutSelectedStylesForViewAdvanced = exports.layoutSelectedStylesAdvancedFix = exports.layoutSelectedStylesAdvanced = exports.layoutSectionStylesNotAdvanced = exports.layoutSectionStylesAdvanced = exports.layoutResponsiveStylesForView = exports.layoutResponsiveBaseStyles = exports.layoutColumnStylesNotAdvanced = exports.layoutColumnStylesAdvanced = exports.layoutColumnResponsiveStyles = exports.layoutColumnResizeStyles = exports.layoutColumnMartinTopFixesOld = exports.layoutColumnMartinTopFixesNew = exports.layoutColumnDividerStylesNestedDnD = exports.layoutColumnDividerStyles = exports.layoutBaseStylesWithTableExcerptsFix = exports.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync = exports.layoutBaseStylesFixesUnderNestedDnDFG = exports.layoutBaseStylesAdvanced = exports.layoutBaseStyles = void 0;
+exports.layoutStylesForView = exports.layoutSelectedStylesNotAdvanced = exports.layoutSelectedStylesForViewNotAdvanced = exports.layoutSelectedStylesForViewAdvanced = exports.layoutSelectedStylesAdvancedFix = exports.layoutSelectedStylesAdvanced = exports.layoutSectionStylesNotAdvanced = exports.layoutSectionStylesAdvanced = exports.layoutResponsiveStylesForView = exports.layoutResponsiveBaseStyles = exports.layoutDragHandleWrapperStylesLegacy = exports.layoutColumnStylesNotAdvanced = exports.layoutColumnStylesAdvanced = exports.layoutColumnResponsiveStyles = exports.layoutColumnResizeStyles = exports.layoutColumnMartinTopFixesOld = exports.layoutColumnMartinTopFixesNew = exports.layoutColumnDividerStylesNestedDnD = exports.layoutColumnDividerStyles = exports.layoutBaseStylesWithTableExcerptsFix = exports.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync = exports.layoutBaseStylesFixesUnderNestedDnDFG = exports.layoutBaseStylesAdvanced = exports.layoutBaseStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _selectionStyles = require("./selectionStyles");
@@ -215,6 +215,15 @@ var layoutColumnResponsiveStyles = exports.layoutColumnResponsiveStyles = (0, _r
 /**
  * Layout section styles when advanced layouts experiment is on
  */
+var layoutDragHandleWrapperStylesLegacy = exports.layoutDragHandleWrapperStylesLegacy = (0, _react.css)({
+  // Legacy tooltips are portalled, so flattening every div does not affect their surface.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .layout-section-container [data-layout-section] > .ProseMirror-widget[data-blocks-drag-handle-container] div': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    display: 'contents !important'
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
@@ -231,11 +240,6 @@ var layoutSectionStylesAdvanced = exports.layoutSectionStylesAdvanced = (0, _rea
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
       display: 'contents !important',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '&[data-blocks-drag-handle-container] div': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-        display: 'contents !important'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '&[data-blocks-drop-target-container]': {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
         display: 'block !important',

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

@@ -48,6 +48,20 @@ _selectionStyles.backgroundSelectionStyles, mentionsSelectedColor])), '.danger',
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 var mentionNodeStyles = exports.mentionNodeStyles = (0, _react.css)({
+  // Show diff: mention attr change highlight. Keep this with mention node styles so the
+  // highlight targets the mention primitive's rounded shape.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.show-diff-atomic-inline-changed-mention': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-green, #22A06B)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.show-diff-atomic-inline-changed-mention .editor-mention-primitive': {
+    boxShadow: '0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)'
+  },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.editor-mention-primitive': {
     display: 'inline',

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

@@ -16,6 +16,20 @@ var _react = require("@emotion/react");
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 var statusStyles = exports.statusStyles = (0, _react.css)({
+  // Show diff: status attr change highlight. Keep this with status node styles so the highlight
+  // targets the lozenge shape rather than the decoration wrapper.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-status': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-purple, #AF59E1)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-status.show-diff-atomic-inline-changed-traditional': {
+    '--show-diff-atomic-inline-changed-border-color': "var(--ds-border-accent-green, #22A06B)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.show-diff-atomic-inline-changed-status .status-lozenge-span > span, .show-diff-atomic-inline-changed-status .lozenge-wrapper': {
+    boxShadow: '0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)'
+  },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.pm-table-cell-content-wrap, .pm-table-header-content-wrap, [data-layout-section]': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "221.11.0";
+var version = exports.version = "221.12.0";

package/dist/es2019/entry-points/EditorContentContainer.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as EditorContentContainer } from '../ui/EditorContentContainer/EditorContentContainer';