@atlaskit/editor-core 219.3.5 → 219.3.7

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

@@ -1,6 +1,6 @@
 /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
 // TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/platform/expand-border-shorthand, @atlaskit/platform/expand-background-shorthand */
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/platform/expand-spacing-shorthand, @atlaskit/platform/expand-border-shorthand, @atlaskit/platform/expand-background-shorthand */
 import "./EditorContentContainer-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
@@ -12,7 +12,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 // import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
@@ -38,9 +38,16 @@ const CommentEditorMargin = 14;
 const GRID_GUTTER = 12;
 const blockNodesVerticalMargin = '0.75rem';
 const scaledBlockNodesVerticalMargin = '0.75em';
+// copied from packages/editor/editor-shared-styles/src/consts/consts.ts
+const akEditorLineHeight = 1.714;
+const listsStylesSafariFixMultiSelector = `
+	.ProseMirror:not(.blockCardView-content-wrap) > li > p:first-child,
+	.ProseMirror:not(.blockCardView-content-wrap) > li > .code-block:first-child,
+	.ProseMirror:not(.blockCardView-content-wrap) > li > .ProseMirror-gapcursor:first-child + .code-block`;
 const editorAreaNonSmallDeviceContainerQuery = `@container editor-area (width >= ${akEditorBreakpointForSmallDevice})`;
 const editorAreaNarrowPageContainerQuery = `@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`;
 const placeholderFadeInKeyframes = null;
+const fadeIn = null;
 const hideNativeBrowserTextSelectionStyles = null;
 const boxShadowSelectionStyles = null;
 
@@ -168,7 +175,7 @@ const editorContentStyles = {
   codeMarkStyles: "",
   codeMarkStylesA11yFix: "",
   commentEditorStyles: "_16jlkb7n _1reozryt _vwz41tcg _ca0qv47k _u5f3v47k _n3tdv47k _19bvv47k _1lbautpp _2k8xutpp _4aknutpp _1r9butpp _1pg2v77o _1ocsv77o _8ctj1b4h",
-  cursorStyles: "",
+  cursorStyles: "_178n1j28 _1xy6glyw _102f1j28",
   dangerDateStyles: "_o7sybimv",
   dangerRuleStyles: "_zih31bqt",
   dateStyles: "_15n6n7od _munn4jg8 _m1d5tlke _dgh21j28 _1ex4r4us _1kx81j28 _xi121j28 _wi4l1j28 _1a3o1j28 _rn5mbimv",
@@ -176,7 +183,7 @@ const editorContentStyles = {
   decisionDangerStyles: "",
   decisionIconWithVisualRefresh: "",
   decisionStyles: "",
-  diffListStyles: "",
+  diffListStyles: "_10a5ox06",
   editorControlsSmartCardStyles: "",
   editorLargeGutterPuddingBaseStyles: "_1vk21ex1",
   editorLargeGutterPuddingBaseStylesEditorControls: "_1vk2t9kd",
@@ -201,7 +208,7 @@ const editorContentStyles = {
   firstBlockNodeStyles: "_1qikidpf _6itxidpf _js9kidpf _i3wvidpf _1wh8idpf _8uqaidpf _umh5idpf _jav3idpf",
   firstCodeBlockWithNoMargin: "",
   firstCodeBlockWithNoMarginOld: "",
-  firstFloatingToolbarButtonStyles: "",
+  firstFloatingToolbarButtonStyles: "_j9yv7g83",
   firstWrappedMediaStyles: "_e519idpf _pxl0idpf _1sn3idpf _ripsidpf",
   fontSizeStyles: "",
   fullPageEditorStyles: "_16jlkb7n _4t3i1osq _18m915zi _kqswh2mm _1e0c1txw _2lx21bp4 _1dm8q5uf",
@@ -239,11 +246,12 @@ const editorContentStyles = {
   linkingVisualRefreshV1Styles: "",
   linkStyles: "",
   listDangerStyles: "",
-  listItemHiddenMarkerStyles: "",
+  listItemHiddenMarkerStyles: "_dhzqagmp _15cjagmp _1qvtgrf3 _od11grf3 _6jbkgrf3 _13q2grf3 _b1o8grf3 _kyt0grf3 _sneogrf3 _14xl126e",
   listSelectedNodeStyles: "",
-  listsStyles: "",
-  listsStylesMarginLayoutShiftFix: "",
-  listsStylesSafariFix: "",
+  listsStyles: "_gtdbusvi _qd3musvi _87u1cuai _s7xpcuai _dlgt1o8l _j6t01o8l _wlqz1o8l _5rje1o8l _9b45j4ch _10i7j4ch _4ded1wth _17kl1wth _e08p1p3b _11311p3b _1xqjw4vn _1bq9w4vn _1n111fbg _1nq21fbg _14gj1k9k _1rnf1k9k _9j0yxfcs _1l0sxfcs _1a6x1fbg _fbx71fbg _huyw1k9k _132p1k9k _16oexfcs _1ir6xfcs _haa41wth _yw541wth _w39w1p3b _qok21p3b _8r0ew4vn _hubiw4vn _d10bhq3d _1q5dh2mm _8wmvoqnp",
+  listsStylesMarginLayoutShiftFix: "_1wb5utpp _ul3mutpp _1orf1b66 _44741b66",
+  listsStylesSafariFix: "_omxdf705 _11t078tn _96x216px _14e716px _s8y916px",
+  listsDenseStyles: "_tmq91tuv _1bzj1tuv _si4z1tuv _1tud1tuv _rajy1tuv _1orf1tuv _44741tuv",
   maxModeReizeFixStyles: "_1gpc1lj4 _4q241osq _w33agrho",
   mediaAlignmentStyles: "",
   mediaCaptionStyles: "",
@@ -281,7 +289,7 @@ const editorContentStyles = {
   scaledEmojiStyles: "",
   scrollbarStyles: "_1fpfolhs _1khk1mok _123b1aqn _jaboglyw _aaynsm61 _1ogl1ibz",
   selectedNodeStyles: "_1vqj1r31 _1fkoglyw _m3b01o36 _g4fm7g83",
-  selectionToolbarAnimationStyles: "",
+  selectionToolbarAnimationStyles: "_bbrv19by _e9pffnf5 _uw601ku9",
   shadowStyles: "",
   showDiffDeletedNodeStyles: "",
   showDiffDeletedNodeStylesNew: "",
@@ -314,10 +322,10 @@ const editorContentStyles = {
   tasksAndDecisionsStyles: "",
   telepointerColorAndCommonStyle: "_1l4z1p41 _66xp46kq _mgp11vg9 _1ji11vg9 _15cgjt0p _uqqyh2mm _1xemcjiy _vmt0glyw _u2jdglyw _1us5sxj9 _gkev15cr _144ruibq _1pjl15cr _18tb16e3 _1rg715cr _v91w1e5c _1md215cr _1ubf1vop _xlm615cr _15eyya33 _1luc15cr _1j8ac3uk _1lm915cr _vwip2c8p _1p9315cr _1pye1qg1 _14dm15cr _18vwtde4 _11rg15cr _poz81i45 _6w3a1tmo _htkd115i _al8b1tmo _3gvxkrt9 _zkkp1tmo _51zm1kkj _zo131tmo _9fge8y3s _sx0p1tmo _2b661rsu _wsn51tmo _li04tdv8 _1gi61tmo _1xr818ah _dhht1tmo _35ci1mi6 _1inzj35l _vdlzei1s _y5edfk4f _k6qpoly4",
   telepointerStyle: "_1pbgwadc _x96nwadc _1gna19qg _1tpb19qg _1e4lstnw _flesstnw _1u701ule _w6dp1ule _10c7glyw _1q09glyw _1ki7qvpr _63b3qvpr _aof7d439 _1br5d439 _vgzaidpf _r397idpf _1r8c1b66 _5m891b66 _e73x1b66 _vdne1b66 _1lc41itx _1gifkb7n _fl4uup1y _edxtidpf _1d8u546l _1vic5d63 _nfsm1xbj _o0dm16z4 _7xjx1ytf _9cv91cra _fhbe16z4 _1p171ytf _fsoe13gw _2ss61y2m _gcu91ytf _4z8q1vyj _1p281y2m _1ku31ytf _q7vcidpf _ay6b6ebc _b82712n9 _yxs7kb7n _v9kukb7n",
-  textColorStyles: "",
+  textColorStyles: "_c0871i5q _lv7dn7od",
   textDangerStyles: "",
   textHighlightPaddingStyles: "",
-  textHighlightStyle: "",
+  textHighlightStyle: "_1ny71t12 _wnl31s93",
   textSelectedNodeStyles: "",
   unsupportedStyles: "",
   whitespaceStyles: "_18031hna _18qq1jtm"
@@ -347,6 +355,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
   const isComment = appearance === 'comment';
   const isChromeless = appearance === 'chromeless';
   const baseFontSize = getBaseFontSize(appearance, contentMode);
+  const isDense = !!baseFontSize && baseFontSize !== akEditorFullPageDefaultFontSize;
   const style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   }) ? {
@@ -376,7 +385,9 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
       exposure: true
     }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
       exposure: true
-    }) && editorContentStyles.textSelectedNodeStyles, fg('platform_editor_typography_ugc') ? editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc : editorContentStyles.blocktypeStyles_without_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, expValEquals('cc_editor_ttvc_release_bundle_one', 'listLayoutShiftFix', true) && isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    }) && editorContentStyles.textSelectedNodeStyles, fg('platform_editor_typography_ugc') ? editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc : editorContentStyles.blocktypeStyles_without_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && isDense && editorContentStyles.listsDenseStyles, expValEquals('cc_editor_ttvc_release_bundle_one', 'listLayoutShiftFix', true) && isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
     expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
     editorContentStyles.telepointerColorAndCommonStyle, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles,

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

@@ -32,7 +32,7 @@ import { embedCardStyles } from './styles/embedCardStyles';
 import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
 import { expandStyles, expandStylesBase, expandStylesMixin_experiment_platform_editor_chromeless_expand_fix, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, getDenseExpandTitleStyles } from './styles/expandStyles';
 import { extensionDiffStyles, getExtensionStyles } from './styles/extensionStyles';
-import { findReplaceStyles, findReplaceStylesNewWithA11Y, findReplaceStylesNewWithCodeblockColorContrastFix, findReplaceStylesWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
+import { findReplaceStyles, findReplaceStylesNewWithA11Y, findReplaceStylesNewWithCodeblockColorContrastFix, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesWithRefSyncBlock } from './styles/findReplaceStyles';
 import { firstBlockNodeStyles } from './styles/firstBlockNodeStyles';
 import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
 import { fontSizeStyles } from './styles/fontSizeStyles';
@@ -319,7 +319,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     findReplaceStylesNewWithA11Y :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
+    findReplaceStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_11') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    findReplaceStylesWithRefSyncBlock, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -289,4 +289,77 @@ export const findReplaceStylesNewWithA11Y = css({
 		`,
     backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const findReplaceStylesWithRefSyncBlock = css({
+  // sync block (reference) - inactive match - light mode - without node selection
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.search-match-block.ak-editor-sync-block': {
+    borderRadius: "var(--ds-space-050, 4px)",
+    boxShadow: `
+		inset 0 0 0 1px ${"var(--ds-border-accent-magenta, #CD519D)"},
+		inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
+		`,
+    backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
+  },
+  // sync block (reference) - active match - light mode - without node selection
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.search-match-block.search-match-block-selected.ak-editor-sync-block': {
+    boxShadow: `
+		inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
+		inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"}
+		`,
+    backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"
+  },
+  // sync block (reference) - inactive match - light mode - with node selection
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.search-match-block.ak-editor-sync-block.ak-editor-selected-node': {
+    boxShadow: `
+		inset 0 0 0 1px ${"var(--ds-border-accent-magenta, #CD519D)"},
+		inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"},
+		0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}
+		`,
+    backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
+  },
+  // sync block (reference) - active match - light mode - with node selection
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.search-match-block.search-match-block-selected.ak-editor-sync-block.ak-editor-selected-node': {
+    boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
+    backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"
+  },
+  // sync block (reference) - inactive match - dark mode - without node selection
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.search-match-block.search-match-dark.ak-editor-sync-block': {
+    boxShadow: `
+		inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
+		inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"}
+		`,
+    backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #77325B)"
+  },
+  // sync block (reference) - active match - dark mode - without node selection
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.search-match-block.search-match-block-selected.search-match-dark.ak-editor-sync-block': {
+    boxShadow: `
+		inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
+		inset 0 0 0 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
+		`,
+    backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
+  },
+  // sync block (reference) - inactive match - dark mode - with node selection
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.search-match-block.search-match-dark.ak-editor-sync-block.ak-editor-selected-node': {
+    boxShadow: `
+		inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
+		inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"},
+		0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}
+		`,
+    backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #77325B)"
+  },
+  // sync block (reference) - active match - dark mode - with node selection
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.search-match-block.search-match-block-selected.search-match-dark.ak-editor-sync-block.ak-editor-selected-node': {
+    boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
+    backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
+  }
 });

package/dist/es2019/version-wrapper.js

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