@atlaskit/editor-core 221.11.1 → 221.12.1

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

@@ -43,7 +43,7 @@ import { gapCursorStyles, gapCursorStylesVisibilityFix } from './styles/gapCurso
 import { gridStyles } from './styles/gridStyles';
 import { indentationStyles } from './styles/indentationStyles';
 import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
-import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnDividerStyles, layoutColumnDividerStylesNestedDnD, layoutColumnResizeStyles, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync } from './styles/layout';
+import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnDividerStyles, layoutColumnDividerStylesNestedDnD, layoutColumnResizeStyles, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutDragHandleWrapperStylesLegacy, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync } from './styles/layout';
 import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
 import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
 import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
@@ -399,7 +399,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     layoutSectionStylesAdvanced :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) &&
+    layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -58,6 +58,20 @@ export const dateVanillaStyles = css({
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const dateStyles = css({
+  // 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)"
+  },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`.${DateSharedCssClassName.DATE_WRAPPER} span`]: {
     whiteSpace: 'unset'

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

@@ -12,6 +12,23 @@ import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 export const emojiStyles = css({
+  // 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
@@ -105,6 +122,23 @@ export const emojiStyles = css({
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const scaledEmojiStyles = css({
+  // 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/es2019/ui/EditorContentContainer/styles/layout.js

@@ -230,6 +230,15 @@ export const layoutColumnResponsiveStyles = css({
 /**
  * Layout section styles when advanced layouts experiment is on
  */
+export const layoutDragHandleWrapperStylesLegacy = 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
@@ -246,11 +255,6 @@ export const layoutSectionStylesAdvanced = css({
       // 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/es2019/ui/EditorContentContainer/styles/mentions.js

@@ -54,6 +54,20 @@ export const mentionsStyles = css({
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
 export const mentionNodeStyles = 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/es2019/ui/EditorContentContainer/styles/statusStyles.js

@@ -9,6 +9,20 @@ import { css } from '@emotion/react';
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 export const statusStyles = 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/es2019/version-wrapper.js

@@ -1,3 +1,3 @@
 export const name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const version = "221.11.0";
+export const version = "221.12.0";

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

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