@atlaskit/editor-core 219.3.6 → 219.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
2
2
  // TODO: EDITOR-6833 - Expected across this entire file, future violations are expected. Will try to remove them later after fully migration
3
- /* 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 */
3
+ /* 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 */
4
4
  import "./EditorContentContainer-compiled.compiled.css";
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import React from 'react';
@@ -12,7 +12,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
12
12
  // import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
13
13
  import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
14
14
  import { AnnotationSharedClassNames, richMediaClassName, expandClassNames, SmartCardSharedCssClassName, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
15
- import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
15
+ import { akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
16
16
  import { fg } from '@atlaskit/platform-feature-flags';
17
17
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
18
18
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
@@ -38,6 +38,12 @@ const CommentEditorMargin = 14;
38
38
  const GRID_GUTTER = 12;
39
39
  const blockNodesVerticalMargin = '0.75rem';
40
40
  const scaledBlockNodesVerticalMargin = '0.75em';
41
+ // copied from packages/editor/editor-shared-styles/src/consts/consts.ts
42
+ const akEditorLineHeight = 1.714;
43
+ const listsStylesSafariFixMultiSelector = `
44
+ .ProseMirror:not(.blockCardView-content-wrap) > li > p:first-child,
45
+ .ProseMirror:not(.blockCardView-content-wrap) > li > .code-block:first-child,
46
+ .ProseMirror:not(.blockCardView-content-wrap) > li > .ProseMirror-gapcursor:first-child + .code-block`;
41
47
  const editorAreaNonSmallDeviceContainerQuery = `@container editor-area (width >= ${akEditorBreakpointForSmallDevice})`;
42
48
  const editorAreaNarrowPageContainerQuery = `@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`;
43
49
  const placeholderFadeInKeyframes = null;
@@ -154,7 +160,7 @@ const editorContentStyles = {
154
160
  aiPanelDarkStyles: "_1q1sa6bd _bi6aa6bd",
155
161
  alignMultipleWrappedImageInLayoutStyles: "_ali2idpf _14i5idpf _pru0idpf",
156
162
  annotationStyles: "_1x2nt94y _1xqtt94y _1s25t94y _17qpt94y _1ubhidpf _172zidpf _9neqidpf _jydlidpf _1k26yh40 _1613yh40 _wmhayh40 _1qihyh40 _w0epidpf _ghwiidpf _6f0lidpf _1f3widpf _x81614y2 _9onx14y2 _1hbb14y2 _1p9g14y2 _1pjt14y2 _1t8514y2 _1fqx14y2 _1jyp14y2 _1m2zidpf _jd6pidpf _1nl9idpf _1vgtidpf _1edaidpf _du1kidpf _1g35idpf _17clidpf _92g41l7b _1wys1l7b _1xgk1l7b _7kmy1l7b _1xm91l7b _1owy1l7b _iqym1l7b _1dyh1l7b _1c0fidpf _o1p8idpf _3nq8idpf _q353idpf _km2cidpf _1xktidpf _1t0tidpf _1cr2idpf _iwzr1vrj _u5bs1vrj _1ibg1vrj _xkuf1vrj _66yetlke _19vztlke _dnsrtlke _drnbtlke _10h6v77o _1v9ev77o _ah88v77o _8grqv77o _x53a1o1l _1d6qfeiv _ojmct7xp _kn991o1l _o5elfeiv _o7dvt7xp _19vz1wug _1n0xibhp _1xmbfeiv _l0rkaetg _1c20feiv _168dt7xp",
157
- backgroundColorStyles: "",
163
+ backgroundColorStyles: "_1l4zlb4i _11q31i5q _19n6t94y _b3ovyh40 _1150qvcn _642in7od _1vp0n7od",
158
164
  baseStyles: "_t7ab1vi7 _anrdukw8 _n6a11fwx _uw641q08 _fo6014dc _1gvnmqba _j03f1qop _qmjbxjz2 _zy25uj17 _pg931osq _121i1r31 _dcmgglyw _nv9v1o36 _19rk1uph _u8en3mia _3iqe18il _988v1osq _pi27grho _10zo1osq _1j8i1xb4",
159
165
  baseStylesMaxContainerWidthFixes: "_19rk1l99",
160
166
  blockMarksStyles: "_1244idpf _1qkxidpf _1e6iidpf _dvqjidpf _etngidpf _1jl2idpf _1je9idpf _1db9idpf _15i0idpf _16d4idpf _17liidpf _pxvridpf _1v4iidpf _s8m8idpf _16fuidpf _1543idpf _4offidpf _ttnbidpf _ujemidpf _1171idpf _mzasidpf _r8oxidpf _1pycidpf _6shmidpf _1bd0idpf _54e7idpf _1tenidpf _jzq1idpf _czpfidpf _1oraidpf _1kg4idpf _ksblidpf _1af7idpf _72x4idpf _zlwmidpf _7m6lidpf _1x2sidpf _3q5uidpf _11ukidpf _n65sidpf _1nn0idpf _1hwxidpf _j2goidpf _rfl4idpf _qhe2idpf _h4bbidpf _rjmvidpf _183yidpf _fk2nidpf _3429idpf _j543idpf _1op6idpf _mcklidpf _1uf8idpf _110lidpf _17agidpf _d9tridpf _f5slidpf _b9adidpf _1859idpf _1hrzidpf _1du2idpf _gdx6idpf _1av3idpf _1uj7idpf _s6y9idpf _ocz2idpf _129midpf _kj6kidpf _1uv9idpf _1tieidpf _ri4ridpf _tw0uidpf _15epidpf _12uhidpf _12i1idpf _vm1cidpf _jj6didpf _3d3tidpf _1xdsidpf",
@@ -166,8 +172,8 @@ const editorContentStyles = {
166
172
  blocktypeStyles_without_fg_platform_editor_typography_ugc: "",
167
173
  codeBlockStyles: "",
168
174
  codeBlockStylesWithEmUnits: "",
169
- codeMarkStyles: "",
170
- codeMarkStylesA11yFix: "",
175
+ codeMarkStyles: "_59uzyh40 _6p44m5ip _1i9tyh40 _2lvxm5ip _9g7rfajl _1iyw1wug _syi51wug _pwh8glyw _af7gi8nm _1bsc1nu9 _1atv187e _1srjqvcn _z49mi7uo _95t2zzfg _ri7p1wqq _5061i7a9 _9ef31hna _or5e1jtm",
176
+ codeMarkStylesA11yFix: "_1iywn7od _syi5n7od",
171
177
  commentEditorStyles: "_16jlkb7n _1reozryt _vwz41tcg _ca0qv47k _u5f3v47k _n3tdv47k _19bvv47k _1lbautpp _2k8xutpp _4aknutpp _1r9butpp _1pg2v77o _1ocsv77o _8ctj1b4h",
172
178
  cursorStyles: "_178n1j28 _1xy6glyw _102f1j28",
173
179
  dangerDateStyles: "_o7sybimv",
@@ -177,7 +183,7 @@ const editorContentStyles = {
177
183
  decisionDangerStyles: "",
178
184
  decisionIconWithVisualRefresh: "",
179
185
  decisionStyles: "",
180
- diffListStyles: "",
186
+ diffListStyles: "_10a5ox06",
181
187
  editorControlsSmartCardStyles: "",
182
188
  editorLargeGutterPuddingBaseStyles: "_1vk21ex1",
183
189
  editorLargeGutterPuddingBaseStylesEditorControls: "_1vk2t9kd",
@@ -204,16 +210,16 @@ const editorContentStyles = {
204
210
  firstCodeBlockWithNoMarginOld: "",
205
211
  firstFloatingToolbarButtonStyles: "_j9yv7g83",
206
212
  firstWrappedMediaStyles: "_e519idpf _pxl0idpf _1sn3idpf _ripsidpf",
207
- fontSizeStyles: "",
213
+ fontSizeStyles: "_hym9vvzz _ir60vvzz _1di9vvzz _zy611kw7",
208
214
  fullPageEditorStyles: "_16jlkb7n _4t3i1osq _18m915zi _kqswh2mm _1e0c1txw _2lx21bp4 _1dm8q5uf",
209
215
  gapCursorStyles: "_3y8g1j28 _d3za1ule _1fzu1j28 _1ug81hdd _lh5tdrnj _bmfv9cwz _8md310zz _1ag412c5 _9ubpb3bt _1o0g1ule _11h1stnw _19sfidpf _1z0n1osq _5cxqglyw _l4vzglyw _npmhh2mm _1ci21j28 _vtgestnw _1yi41osq _gdp01osq _3n591ule _1pjtr5cr _19upr5cr _14ib1ssb _y1fl1ssb _fzk41ssb _1f6mzr6s _1eaezr6s _yd46zr6s _1texusic _bur2idpf _n4szidpf _jlwvidpf _1fusidpf _4ieeidpf _187pidpf _18efidpf _aycbidpf _1t6mglyw _sb9fglyw _lf1tglyw _15haglyw _1g4eglyw _d27rglyw _ajy9glyw _1syzglyw _10zwglyw _1qypglyw _y41iglyw _uk93idpf _1eobidpf _1ghsidpf _1rpoidpf _cggnidpf _1supidpf _yyaxidpf _stw0idpf _7hwtidpf _1x70idpf _nh0eidpf _k8k0idpf _xpqwidpf _1ancidpf _iauqidpf _1762idpf _1fbjidpf _1le7idpf _14f4idpf _4wchidpf _18uvidpf _1gklidpf _736didpf _7fayidpf _1q471e5h _1nuq1e5h _97xa15vq _1u0115vq _kklf15vq _1xcb15vq _f7xi15vq _drld15vq _fk7o1ule _17291ule _1z0h1ule _1em21ule _70jd1ule _1xog1ule _beg3idpf _1xfvidpf _js8cidpf _zzusidpf _ft1bidpf _1duxidpf _5sz3f705 _oq4if705 _17kkf705 _awp7f705 _1kxaf705 _1e60f705 _p31f1hrf _1rcq1hrf _1uer1hrf _15a61hrf _1lbj1hrf _1l3q1hrf _1ab3idpf _16k0idpf _r6joidpf _mpruidpf _x74zidpf _18pfidpf _1gvgidpf _1q0gidpf _sdnkidpf _zgemidpf _1vyzidpf _ydciidpf _1g35idpf _ieodidpf _vr8nidpf _1vtyidpf _ndfaidpf _4gkwidpf _1x5zidpf _1wgaidpf _o0lfidpf _knnuidpf _1afyidpf _1hb9idpf",
210
216
  gapCursorStylesVisibilityFix: "_1ys91j28",
211
- gridStyles: "",
217
+ gridStyles: "_1pea1jj1 _1qw3ia51 _155q1o8l _p3p6usvi _z2xw1osq _nbea1n1a _1kbpidpf _8nch188o _8ctjfknx _1pg2xmi2 _1ocsxmi2 _17ht1h7a _1713cs5v _3ojs1n9t _dai01kxc _c94u1osq _1p0gglyw",
212
218
  hideCursorWhenHideSelectionStyles: "_uuop1j28",
213
219
  hideSelectionStyles: "_nuih1j28 _9o1p1j28",
214
- hyperLinkFloatingToolbarStyles: "",
220
+ hyperLinkFloatingToolbarStyles: "_14olidpf _1499idpf _w11vidpf _162zidpf",
215
221
  indentationStyles: "",
216
- InlineNodeViewSharedStyles: "",
222
+ InlineNodeViewSharedStyles: "_omad1nu9 _64cs1rj4 _fukv1q9c _1rhx1jtm _1bbqglyw _1v741j28 _17xw1j28 _kdjsglyw _6q1jryon",
217
223
  layoutBaseStyles: "",
218
224
  layoutBaseStylesAdvanced: "",
219
225
  layoutBaseStylesFixesUnderNestedDnDFG: "",
@@ -238,13 +244,14 @@ const editorContentStyles = {
238
244
  layoutSelectedStylesNotAdvanced: "",
239
245
  layoutStylesForView: "",
240
246
  linkingVisualRefreshV1Styles: "",
241
- linkStyles: "",
247
+ linkStyles: "_259w1r31 _rv8p8stv _1rxqnqa1 _1cw81ule _4m8e1r31 _b05uglyw _1pxsnqa1",
242
248
  listDangerStyles: "",
243
- listItemHiddenMarkerStyles: "",
249
+ listItemHiddenMarkerStyles: "_dhzqagmp _15cjagmp _1qvtgrf3 _od11grf3 _6jbkgrf3 _13q2grf3 _b1o8grf3 _kyt0grf3 _sneogrf3 _14xl126e",
244
250
  listSelectedNodeStyles: "",
245
- listsStyles: "",
246
- listsStylesMarginLayoutShiftFix: "",
247
- listsStylesSafariFix: "",
251
+ 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",
252
+ listsStylesMarginLayoutShiftFix: "_1wb5utpp _ul3mutpp _1orf1b66 _44741b66",
253
+ listsStylesSafariFix: "_omxdf705 _11t078tn _96x216px _14e716px _s8y916px",
254
+ listsDenseStyles: "_tmq91tuv _1bzj1tuv _si4z1tuv _1tud1tuv _rajy1tuv _1orf1tuv _44741tuv",
248
255
  maxModeReizeFixStyles: "_1gpc1lj4 _4q241osq _w33agrho",
249
256
  mediaAlignmentStyles: "",
250
257
  mediaCaptionStyles: "",
@@ -317,7 +324,7 @@ const editorContentStyles = {
317
324
  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",
318
325
  textColorStyles: "_c0871i5q _lv7dn7od",
319
326
  textDangerStyles: "",
320
- textHighlightPaddingStyles: "",
327
+ textHighlightPaddingStyles: "_1fwwv77o _1jbz1i6y _1n37v77o _1tdl1i6y",
321
328
  textHighlightStyle: "_1ny71t12 _wnl31s93",
322
329
  textSelectedNodeStyles: "",
323
330
  unsupportedStyles: "",
@@ -348,6 +355,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
348
355
  const isComment = appearance === 'comment';
349
356
  const isChromeless = appearance === 'chromeless';
350
357
  const baseFontSize = getBaseFontSize(appearance, contentMode);
358
+ const isDense = !!baseFontSize && baseFontSize !== akEditorFullPageDefaultFontSize;
351
359
  const style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
352
360
  exposure: true
353
361
  }) ? {
@@ -377,7 +385,9 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
377
385
  exposure: true
378
386
  }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
379
387
  exposure: true
380
- }) && 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) ||
388
+ }) && 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) ||
389
+ // eslint-disable-next-line @atlaskit/platform/no-preconditioning
390
+ 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) ||
381
391
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
382
392
  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 */
383
393
  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,
@@ -32,7 +32,7 @@ import { embedCardStyles } from './styles/embedCardStyles';
32
32
  import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
33
33
  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';
34
34
  import { extensionDiffStyles, getExtensionStyles } from './styles/extensionStyles';
35
- import { findReplaceStyles, findReplaceStylesNewWithA11Y, findReplaceStylesNewWithCodeblockColorContrastFix, findReplaceStylesWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
35
+ import { findReplaceStyles, findReplaceStylesNewWithA11Y, findReplaceStylesNewWithCodeblockColorContrastFix, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesWithRefSyncBlock } from './styles/findReplaceStyles';
36
36
  import { firstBlockNodeStyles } from './styles/firstBlockNodeStyles';
37
37
  import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
38
38
  import { fontSizeStyles } from './styles/fontSizeStyles';
@@ -319,7 +319,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
319
319
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
320
320
  findReplaceStylesNewWithA11Y :
321
321
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
322
- findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
322
+ findReplaceStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_11') &&
323
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
324
+ findReplaceStylesWithRefSyncBlock, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
323
325
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
324
326
  findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) &&
325
327
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -289,4 +289,77 @@ export const findReplaceStylesNewWithA11Y = css({
289
289
  `,
290
290
  backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
291
291
  }
292
+ });
293
+
294
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
295
+ export const findReplaceStylesWithRefSyncBlock = css({
296
+ // sync block (reference) - inactive match - light mode - without node selection
297
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
298
+ '.search-match-block.ak-editor-sync-block': {
299
+ borderRadius: "var(--ds-space-050, 4px)",
300
+ boxShadow: `
301
+ inset 0 0 0 1px ${"var(--ds-border-accent-magenta, #CD519D)"},
302
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
303
+ `,
304
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
305
+ },
306
+ // sync block (reference) - active match - light mode - without node selection
307
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
308
+ '.search-match-block.search-match-block-selected.ak-editor-sync-block': {
309
+ boxShadow: `
310
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
311
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"}
312
+ `,
313
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"
314
+ },
315
+ // sync block (reference) - inactive match - light mode - with node selection
316
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
317
+ '.search-match-block.ak-editor-sync-block.ak-editor-selected-node': {
318
+ boxShadow: `
319
+ inset 0 0 0 1px ${"var(--ds-border-accent-magenta, #CD519D)"},
320
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"},
321
+ 0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}
322
+ `,
323
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
324
+ },
325
+ // sync block (reference) - active match - light mode - with node selection
326
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
327
+ '.search-match-block.search-match-block-selected.ak-editor-sync-block.ak-editor-selected-node': {
328
+ boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
329
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #FCB6E1)"
330
+ },
331
+ // sync block (reference) - inactive match - dark mode - without node selection
332
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
333
+ '.search-match-block.search-match-dark.ak-editor-sync-block': {
334
+ boxShadow: `
335
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
336
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"}
337
+ `,
338
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #77325B)"
339
+ },
340
+ // sync block (reference) - active match - dark mode - without node selection
341
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
342
+ '.search-match-block.search-match-block-selected.search-match-dark.ak-editor-sync-block': {
343
+ boxShadow: `
344
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
345
+ inset 0 0 0 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
346
+ `,
347
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
348
+ },
349
+ // sync block (reference) - inactive match - dark mode - with node selection
350
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
351
+ '.search-match-block.search-match-dark.ak-editor-sync-block.ak-editor-selected-node': {
352
+ boxShadow: `
353
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
354
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #77325B)"},
355
+ 0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}
356
+ `,
357
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #77325B)"
358
+ },
359
+ // sync block (reference) - active match - dark mode - with node selection
360
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
361
+ '.search-match-block.search-match-block-selected.search-match-dark.ak-editor-sync-block.ak-editor-selected-node': {
362
+ boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
363
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
364
+ }
292
365
  });
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "219.3.5";
2
+ export const version = "219.3.8";