@atlaskit/editor-core 227.0.7 → 227.0.9
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.
- package/CHANGELOG.md +35 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
- package/dist/cjs/ui/EditorContentContainer/styles/contributorTagStyles.js +66 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -0
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
- package/dist/es2019/ui/EditorContentContainer/styles/contributorTagStyles.js +59 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -0
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +2 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -1
- package/dist/esm/ui/EditorContentContainer/styles/contributorTagStyles.js +59 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/contributorTagStyles.d.ts +12 -0
- package/dist/types/ui/quick-insert/executeExtensionQuickInsertItem.d.ts +1 -1
- package/package.json +13 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,40 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 227.0.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`df59babd59961`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/df59babd59961) -
|
|
8
|
+
Use registered Quick Insert items in both primary toolbar implementations when
|
|
9
|
+
`platform_editor_slash_command` is enabled, independently of the controls and AIFC experiments.
|
|
10
|
+
Share the registered menu model through an explicit editor-common subpath and use compact
|
|
11
|
+
presentation for typeahead and toolbar items.
|
|
12
|
+
|
|
13
|
+
Virtualize the toolbar menu, keep keyboard-selected items visible, and restore the bounded popup's
|
|
14
|
+
themed background and scrolling. Dismiss the popup on outside clicks and inset the search field
|
|
15
|
+
from its edges. When the experiment is enabled, ignore absent legacy Quick Insert handlers to
|
|
16
|
+
prevent suggestion crashes.
|
|
17
|
+
|
|
18
|
+
Provide persisted toolbar docking preferences in editor examples to support testing the primary
|
|
19
|
+
toolbar Insert menu.
|
|
20
|
+
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
23
|
+
## 227.0.8
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- [`8815e3a163409`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8815e3a163409) -
|
|
28
|
+
Restyle contributor diff tags to read as a label on the change they caption: flush against it,
|
|
29
|
+
square bottom corners, no bottom border or shadow, and sized to their own content up to a maximum
|
|
30
|
+
width. A tag now paints above the diff highlights instead of below them, so a highlight on the
|
|
31
|
+
line it overlays can no longer slice through it, and it is clipped to its own box so it still
|
|
32
|
+
cannot paint over the change it captions. A tag is now filled with its accent colour's bolder tone
|
|
33
|
+
and labelled in inverse text, rather than the subtlest tint its highlight is drawn in. Tags now
|
|
34
|
+
fade and rise in and out rather than snapping, with a `prefers-reduced-motion` opt-out. Behind the
|
|
35
|
+
`confluence_ncs_step_diffing_version_history` gate.
|
|
36
|
+
- Updated dependencies
|
|
37
|
+
|
|
3
38
|
## 227.0.7
|
|
4
39
|
|
|
5
40
|
### Patch Changes
|
|
@@ -187,6 +187,7 @@
|
|
|
187
187
|
.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text;box-shadow:0 -4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd),0 4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd)}.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
|
|
188
188
|
.cc-hnzg4x .unsupportedBlockView-content-wrap>div, .cc-hnzg4x .unsupportedInlineView-content-wrap>span:nth-of-type(2){cursor:pointer}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe);border:1px solid var(--ds-border-selected,#1868db)}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%;content:"\00a0";background:var(--ds-border-selected,#1868db);position:absolute;right:-1px;top:0;bottom:0;width:1px;border:none;display:inline-block}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::selection{background-color:transparent}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::-moz-selection{background-color:transparent}.cc-hnzg4x .danger .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .danger .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){border:1px solid var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}
|
|
189
189
|
.cc-s0u8xw .ProseMirror .ak-editor-vanilla-tooltip-default{box-sizing:border-box;max-width:15pc;background-color:var(--ds-background-neutral-bold,#292a2e);border:none;border-radius:var(--ds-radius-small,3px);color:var(--ds-text-inverse,#fff);font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);inset-block-start:var(--ds-space-0,0);inset-inline-start:var(--ds-space-0,0);overflow-wrap:break-word;padding-block:var(--ds-space-050,4px);padding-inline:var(--ds-space-075,6px);white-space:normal}
|
|
190
|
+
.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{opacity:0;pointer-events:none;transform:translateY(4px);transition-property:opacity,transform;transition-duration:var(--ds-duration-xxlong,.6s);transition-timing-function:var(--ds-easing-in-practical,cubic-bezier(.6,0,.8,.6))}@media (prefers-reduced-motion:reduce){.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{transition-duration:0s}}.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:1;pointer-events:auto;transform:translateY(0);transition-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}@starting-style{.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:0;transform:translateY(4px)}}
|
|
190
191
|
.cc-1ysxql5 .ProseMirror .unsupported-block-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:pointer;display:flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:var(--ds-space-100,8px) 0;min-height:24px;min-width:90pt;padding:var(--ds-space-150,9pt);text-align:center;justify-content:center}.cc-1ysxql5 .ProseMirror .unsupported-inline-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:0 var(--ds-space-025,2px);min-height:24px;padding:0 var(--ds-space-100,8px);vertical-align:middle;white-space:nowrap}.cc-1ysxql5 .ProseMirror .unsupported-vanilla-icon{padding:var(--ds-space-050,4px);display:inline-flex;align-items:center}
|
|
191
192
|
.cc-14oigrh .ProseMirror{word-wrap:break-word;white-space:pre-wrap}@keyframes k1coy3hw{0%{background-color:transparent;border-bottom-color:transparent}12%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}88%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}to{background-color:transparent;border-bottom-color:transparent}}@keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}@keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
|
|
192
193
|
@keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}
|
|
@@ -361,6 +361,7 @@ var editorContentStyles = {
|
|
|
361
361
|
textSelectedNodeStyles: "cc-rrpz54",
|
|
362
362
|
unsupportedStyles: "cc-hnzg4x",
|
|
363
363
|
vanillaTooltipDefaultStyles: "cc-s0u8xw",
|
|
364
|
+
contributorTagStyles: "cc-1c4gda",
|
|
364
365
|
vanillaUnsupportedStyles: "cc-1ysxql5",
|
|
365
366
|
whitespaceStyles: "cc-14oigrh"
|
|
366
367
|
};
|
|
@@ -423,7 +424,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
|
|
|
423
424
|
}) && editorContentStyles.listSelectedNodeStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
|
|
424
425
|
exposure: true
|
|
425
426
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
426
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _fg.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
427
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _fg.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
427
428
|
ref: ref,
|
|
428
429
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
429
430
|
"data-testid": "editor-content-container"
|
|
@@ -30,6 +30,7 @@ var _codeBlockStyles = require("./styles/codeBlockStyles");
|
|
|
30
30
|
var _codeMarkStyles = require("./styles/codeMarkStyles");
|
|
31
31
|
var _commentEditorStyles = require("./styles/commentEditorStyles");
|
|
32
32
|
var _containerTypeStyles = require("./styles/containerTypeStyles");
|
|
33
|
+
var _contributorTagStyles = require("./styles/contributorTagStyles");
|
|
33
34
|
var _cursorStyles = require("./styles/cursorStyles");
|
|
34
35
|
var _dateStyles = require("./styles/dateStyles");
|
|
35
36
|
var _editorUGCTokenStyles = require("./styles/editorUGCTokenStyles");
|
|
@@ -370,7 +371,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
370
371
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
371
372
|
_unsupportedStyles.unsupportedStyles,
|
|
372
373
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
373
|
-
_vanillaTooltipStyles.vanillaTooltipDefaultStyles, (0,
|
|
374
|
+
_vanillaTooltipStyles.vanillaTooltipDefaultStyles, (0, _fg.fg)('confluence_ncs_step_diffing_version_history') &&
|
|
375
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
376
|
+
_contributorTagStyles.contributorTagStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') &&
|
|
374
377
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
375
378
|
_unsupportedStyles.vanillaUnsupportedStyles,
|
|
376
379
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.contributorTagStyles = void 0;
|
|
7
|
+
var _react = require("@emotion/react");
|
|
8
|
+
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
9
|
+
@repo/internal/deprecations/deprecation-ticket-required,
|
|
10
|
+
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Fade-and-rise for the contributor tags `editor-plugin-show-diff` draws above a change, plus the
|
|
14
|
+
* hidden state it starts from — an inline `opacity` would outrank this rule, so both ends live here.
|
|
15
|
+
*
|
|
16
|
+
* Keyed on the literals the plugin writes (`CONTRIBUTOR_TAG_CLASS`,
|
|
17
|
+
* `CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE`), so rename in step. Keep in sync with the
|
|
18
|
+
* `contributorTagStyles` entry in `EditorContentContainer-compiled.tsx`.
|
|
19
|
+
*
|
|
20
|
+
* Gated behind `confluence_ncs_step_diffing_version_history`, where the tags render.
|
|
21
|
+
*/
|
|
22
|
+
var contributorTagStyles = exports.contributorTagStyles = (0, _react.css)({
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
24
|
+
'.ProseMirror': {
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
26
|
+
'.ak-editor-diff-contributor-tag': {
|
|
27
|
+
opacity: 0,
|
|
28
|
+
// Deliberately not transitioned: a tag mid-fade must not be a hit target.
|
|
29
|
+
pointerEvents: 'none',
|
|
30
|
+
// Starts low, so the tag reads as unfurling out of the change: the part that hangs over the
|
|
31
|
+
// highlight is clipped by the tag's root, so what is seen is its bottom edge held on the
|
|
32
|
+
// change while the rest rises out of it. A transform, so nothing around it reflows.
|
|
33
|
+
transform: 'translateY(4px)',
|
|
34
|
+
transitionProperty: 'opacity, transform',
|
|
35
|
+
transitionDuration: "var(--ds-duration-xxlong, 600ms)",
|
|
36
|
+
// The exit curve; the revealed state below swaps in the entrance curve. The fallback is
|
|
37
|
+
// required — motion custom properties only exist under `html[data-theme~="motion:motion"]`,
|
|
38
|
+
// and one unresolved `var()` drops the whole declaration.
|
|
39
|
+
transitionTimingFunction: "var(--ds-easing-in-practical, cubic-bezier(0.6, 0, 0.8, 0.6))",
|
|
40
|
+
// Covers both directions, because the revealed state declares no duration of its own — one
|
|
41
|
+
// there would outrank this by specificity.
|
|
42
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
43
|
+
transitionDuration: '0s'
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
47
|
+
'.ak-editor-diff-contributor-tag[data-revealed]': {
|
|
48
|
+
opacity: 1,
|
|
49
|
+
pointerEvents: 'auto',
|
|
50
|
+
transform: 'translateY(0)',
|
|
51
|
+
// The entrance curve, and deliberately nothing else: a duration here would outrank the
|
|
52
|
+
// reduced-motion opt-out above.
|
|
53
|
+
transitionTimingFunction: "var(--ds-easing-out-practical, cubic-bezier(0.4, 1, 0.6, 1))",
|
|
54
|
+
/**
|
|
55
|
+
* Start values for the first reveal, which would otherwise snap: ProseMirror attaches a
|
|
56
|
+
* widget's host only after `toDOM` returns. Both properties, or the first reveal rises
|
|
57
|
+
* without fading. Progressive enhancement — browsers without it snap that first reveal and
|
|
58
|
+
* fade every one after.
|
|
59
|
+
*/
|
|
60
|
+
'@starting-style': {
|
|
61
|
+
opacity: 0,
|
|
62
|
+
transform: 'translateY(4px)'
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
});
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.name = void 0;
|
|
7
7
|
var name = exports.name = "@atlaskit/editor-core";
|
|
8
8
|
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
9
|
-
var version = exports.version = "227.0.
|
|
9
|
+
var version = exports.version = "227.0.8";
|
|
@@ -187,6 +187,7 @@
|
|
|
187
187
|
.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text;box-shadow:0 -4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd),0 4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd)}.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
|
|
188
188
|
.cc-hnzg4x .unsupportedBlockView-content-wrap>div, .cc-hnzg4x .unsupportedInlineView-content-wrap>span:nth-of-type(2){cursor:pointer}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe);border:1px solid var(--ds-border-selected,#1868db)}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%;content:"\00a0";background:var(--ds-border-selected,#1868db);position:absolute;right:-1px;top:0;bottom:0;width:1px;border:none;display:inline-block}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::selection{background-color:transparent}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::-moz-selection{background-color:transparent}.cc-hnzg4x .danger .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .danger .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){border:1px solid var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}
|
|
189
189
|
.cc-s0u8xw .ProseMirror .ak-editor-vanilla-tooltip-default{box-sizing:border-box;max-width:15pc;background-color:var(--ds-background-neutral-bold,#292a2e);border:none;border-radius:var(--ds-radius-small,3px);color:var(--ds-text-inverse,#fff);font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);inset-block-start:var(--ds-space-0,0);inset-inline-start:var(--ds-space-0,0);overflow-wrap:break-word;padding-block:var(--ds-space-050,4px);padding-inline:var(--ds-space-075,6px);white-space:normal}
|
|
190
|
+
.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{opacity:0;pointer-events:none;transform:translateY(4px);transition-property:opacity,transform;transition-duration:var(--ds-duration-xxlong,.6s);transition-timing-function:var(--ds-easing-in-practical,cubic-bezier(.6,0,.8,.6))}@media (prefers-reduced-motion:reduce){.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{transition-duration:0s}}.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:1;pointer-events:auto;transform:translateY(0);transition-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}@starting-style{.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:0;transform:translateY(4px)}}
|
|
190
191
|
.cc-1ysxql5 .ProseMirror .unsupported-block-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:pointer;display:flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:var(--ds-space-100,8px) 0;min-height:24px;min-width:90pt;padding:var(--ds-space-150,9pt);text-align:center;justify-content:center}.cc-1ysxql5 .ProseMirror .unsupported-inline-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:0 var(--ds-space-025,2px);min-height:24px;padding:0 var(--ds-space-100,8px);vertical-align:middle;white-space:nowrap}.cc-1ysxql5 .ProseMirror .unsupported-vanilla-icon{padding:var(--ds-space-050,4px);display:inline-flex;align-items:center}
|
|
191
192
|
.cc-14oigrh .ProseMirror{word-wrap:break-word;white-space:pre-wrap}@keyframes k1coy3hw{0%{background-color:transparent;border-bottom-color:transparent}12%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}88%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}to{background-color:transparent;border-bottom-color:transparent}}@keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}@keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
|
|
192
193
|
@keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}
|
|
@@ -412,6 +412,7 @@ const editorContentStyles = {
|
|
|
412
412
|
textSelectedNodeStyles: "cc-rrpz54",
|
|
413
413
|
unsupportedStyles: "cc-hnzg4x",
|
|
414
414
|
vanillaTooltipDefaultStyles: "cc-s0u8xw",
|
|
415
|
+
contributorTagStyles: "cc-1c4gda",
|
|
415
416
|
vanillaUnsupportedStyles: "cc-1ysxql5",
|
|
416
417
|
whitespaceStyles: "cc-14oigrh"
|
|
417
418
|
};
|
|
@@ -478,7 +479,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
478
479
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
479
480
|
exposure: true
|
|
480
481
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
481
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
482
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
482
483
|
ref: ref,
|
|
483
484
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
484
485
|
"data-testid": "editor-content-container"
|
|
@@ -29,6 +29,7 @@ import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin
|
|
|
29
29
|
import { codeMarkStyles, codeMarkStylesA11yFix } from './styles/codeMarkStyles';
|
|
30
30
|
import { commentEditorStyles } from './styles/commentEditorStyles';
|
|
31
31
|
import { nonFullPageContainerTypeStyles } from './styles/containerTypeStyles';
|
|
32
|
+
import { contributorTagStyles } from './styles/contributorTagStyles';
|
|
32
33
|
import { cursorStyles } from './styles/cursorStyles';
|
|
33
34
|
import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
|
|
34
35
|
import { editorUGCSmallText, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
|
|
@@ -372,7 +373,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
372
373
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
373
374
|
unsupportedStyles,
|
|
374
375
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
375
|
-
vanillaTooltipDefaultStyles,
|
|
376
|
+
vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') &&
|
|
377
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
378
|
+
contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
|
|
376
379
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
377
380
|
vanillaUnsupportedStyles,
|
|
378
381
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
2
|
+
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
|
+
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
+
import { css } from '@emotion/react';
|
|
5
|
+
/**
|
|
6
|
+
* Fade-and-rise for the contributor tags `editor-plugin-show-diff` draws above a change, plus the
|
|
7
|
+
* hidden state it starts from — an inline `opacity` would outrank this rule, so both ends live here.
|
|
8
|
+
*
|
|
9
|
+
* Keyed on the literals the plugin writes (`CONTRIBUTOR_TAG_CLASS`,
|
|
10
|
+
* `CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE`), so rename in step. Keep in sync with the
|
|
11
|
+
* `contributorTagStyles` entry in `EditorContentContainer-compiled.tsx`.
|
|
12
|
+
*
|
|
13
|
+
* Gated behind `confluence_ncs_step_diffing_version_history`, where the tags render.
|
|
14
|
+
*/
|
|
15
|
+
export const contributorTagStyles = css({
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
17
|
+
'.ProseMirror': {
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
19
|
+
'.ak-editor-diff-contributor-tag': {
|
|
20
|
+
opacity: 0,
|
|
21
|
+
// Deliberately not transitioned: a tag mid-fade must not be a hit target.
|
|
22
|
+
pointerEvents: 'none',
|
|
23
|
+
// Starts low, so the tag reads as unfurling out of the change: the part that hangs over the
|
|
24
|
+
// highlight is clipped by the tag's root, so what is seen is its bottom edge held on the
|
|
25
|
+
// change while the rest rises out of it. A transform, so nothing around it reflows.
|
|
26
|
+
transform: 'translateY(4px)',
|
|
27
|
+
transitionProperty: 'opacity, transform',
|
|
28
|
+
transitionDuration: "var(--ds-duration-xxlong, 600ms)",
|
|
29
|
+
// The exit curve; the revealed state below swaps in the entrance curve. The fallback is
|
|
30
|
+
// required — motion custom properties only exist under `html[data-theme~="motion:motion"]`,
|
|
31
|
+
// and one unresolved `var()` drops the whole declaration.
|
|
32
|
+
transitionTimingFunction: "var(--ds-easing-in-practical, cubic-bezier(0.6, 0, 0.8, 0.6))",
|
|
33
|
+
// Covers both directions, because the revealed state declares no duration of its own — one
|
|
34
|
+
// there would outrank this by specificity.
|
|
35
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
36
|
+
transitionDuration: '0s'
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
40
|
+
'.ak-editor-diff-contributor-tag[data-revealed]': {
|
|
41
|
+
opacity: 1,
|
|
42
|
+
pointerEvents: 'auto',
|
|
43
|
+
transform: 'translateY(0)',
|
|
44
|
+
// The entrance curve, and deliberately nothing else: a duration here would outrank the
|
|
45
|
+
// reduced-motion opt-out above.
|
|
46
|
+
transitionTimingFunction: "var(--ds-easing-out-practical, cubic-bezier(0.4, 1, 0.6, 1))",
|
|
47
|
+
/**
|
|
48
|
+
* Start values for the first reveal, which would otherwise snap: ProseMirror attaches a
|
|
49
|
+
* widget's host only after `toDOM` returns. Both properties, or the first reveal rises
|
|
50
|
+
* without fading. Progressive enhancement — browsers without it snap that first reveal and
|
|
51
|
+
* fade every one after.
|
|
52
|
+
*/
|
|
53
|
+
'@starting-style': {
|
|
54
|
+
opacity: 0,
|
|
55
|
+
transform: 'translateY(4px)'
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
});
|
|
@@ -187,6 +187,7 @@
|
|
|
187
187
|
.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text;box-shadow:0 -4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd),0 4px 0 var(--ds-background-accent-blue-subtler,#cfe1fd)}.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-rrpz54 .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
|
|
188
188
|
.cc-hnzg4x .unsupportedBlockView-content-wrap>div, .cc-hnzg4x .unsupportedInlineView-content-wrap>span:nth-of-type(2){cursor:pointer}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){background-color:var(--ds-background-selected,#e9f2fe);border:1px solid var(--ds-border-selected,#1868db)}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div:after, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2):after{height:100%;content:"\00a0";background:var(--ds-border-selected,#1868db);position:absolute;right:-1px;top:0;bottom:0;width:1px;border:none;display:inline-block}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::selection{background-color:transparent}.cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2) ::-moz-selection, .cc-hnzg4x .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2)::-moz-selection{background-color:transparent}.cc-hnzg4x .danger .ak-editor-selected-node.unsupportedBlockView-content-wrap>div, .cc-hnzg4x .danger .ak-editor-selected-node.unsupportedInlineView-content-wrap>span:nth-of-type(2){border:1px solid var(--ds-border-danger,#e2483d);background-color:var(--ds-blanket-danger,#ef5c4814)}
|
|
189
189
|
.cc-s0u8xw .ProseMirror .ak-editor-vanilla-tooltip-default{box-sizing:border-box;max-width:15pc;background-color:var(--ds-background-neutral-bold,#292a2e);border:none;border-radius:var(--ds-radius-small,3px);color:var(--ds-text-inverse,#fff);font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);inset-block-start:var(--ds-space-0,0);inset-inline-start:var(--ds-space-0,0);overflow-wrap:break-word;padding-block:var(--ds-space-050,4px);padding-inline:var(--ds-space-075,6px);white-space:normal}
|
|
190
|
+
.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{opacity:0;pointer-events:none;transform:translateY(4px);transition-property:opacity,transform;transition-duration:var(--ds-duration-xxlong,.6s);transition-timing-function:var(--ds-easing-in-practical,cubic-bezier(.6,0,.8,.6))}@media (prefers-reduced-motion:reduce){.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag{transition-duration:0s}}.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:1;pointer-events:auto;transform:translateY(0);transition-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}@starting-style{.cc-1c4gda .ProseMirror .ak-editor-diff-contributor-tag[data-revealed]{opacity:0;transform:translateY(4px)}}
|
|
190
191
|
.cc-1ysxql5 .ProseMirror .unsupported-block-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:pointer;display:flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:var(--ds-space-100,8px) 0;min-height:24px;min-width:90pt;padding:var(--ds-space-150,9pt);text-align:center;justify-content:center}.cc-1ysxql5 .ProseMirror .unsupported-inline-vanilla-inner{align-items:center;background:var(--ds-background-disabled,#0515240f);border:var(--ds-border-width,1px) dashed var(--ds-border-disabled,#0515240f);border-radius:var(--ds-radius-small,3px);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);margin:0 var(--ds-space-025,2px);min-height:24px;padding:0 var(--ds-space-100,8px);vertical-align:middle;white-space:nowrap}.cc-1ysxql5 .ProseMirror .unsupported-vanilla-icon{padding:var(--ds-space-050,4px);display:inline-flex;align-items:center}
|
|
191
192
|
.cc-14oigrh .ProseMirror{word-wrap:break-word;white-space:pre-wrap}@keyframes k1coy3hw{0%{background-color:transparent;border-bottom-color:transparent}12%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}88%{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe);border-bottom-color:var(--ds-border-accent-purple,#af59e1)}to{background-color:transparent;border-bottom-color:transparent}}@keyframes k1eqwm1p{0%{--panel-gradient-angle:0deg;background-position:100%}to{--panel-gradient-angle:360deg;background-position:-100%}}@keyframes k1g8d6yk{to{transform:scaleX(1);opacity:1}0%,90%{transform:scaleX(0);opacity:0}}
|
|
192
193
|
@keyframes k1r6lcmc{0%{--angle:0deg}to{--angle:360deg}}@keyframes k1sevukb{0%,99.9999%{opacity:1}to{opacity:0}}
|
|
@@ -360,6 +360,7 @@ var editorContentStyles = {
|
|
|
360
360
|
textSelectedNodeStyles: "cc-rrpz54",
|
|
361
361
|
unsupportedStyles: "cc-hnzg4x",
|
|
362
362
|
vanillaTooltipDefaultStyles: "cc-s0u8xw",
|
|
363
|
+
contributorTagStyles: "cc-1c4gda",
|
|
363
364
|
vanillaUnsupportedStyles: "cc-1ysxql5",
|
|
364
365
|
whitespaceStyles: "cc-14oigrh"
|
|
365
366
|
};
|
|
@@ -422,7 +423,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
422
423
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
423
424
|
exposure: true
|
|
424
425
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
425
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
426
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') && editorContentStyles.contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
426
427
|
ref: ref,
|
|
427
428
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
428
429
|
"data-testid": "editor-content-container"
|
|
@@ -32,6 +32,7 @@ import { codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin
|
|
|
32
32
|
import { codeMarkStyles, codeMarkStylesA11yFix } from './styles/codeMarkStyles';
|
|
33
33
|
import { commentEditorStyles } from './styles/commentEditorStyles';
|
|
34
34
|
import { nonFullPageContainerTypeStyles } from './styles/containerTypeStyles';
|
|
35
|
+
import { contributorTagStyles } from './styles/contributorTagStyles';
|
|
35
36
|
import { cursorStyles } from './styles/cursorStyles';
|
|
36
37
|
import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
|
|
37
38
|
import { editorUGCSmallText, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
|
|
@@ -367,7 +368,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
367
368
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
368
369
|
unsupportedStyles,
|
|
369
370
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
370
|
-
vanillaTooltipDefaultStyles,
|
|
371
|
+
vanillaTooltipDefaultStyles, fg('confluence_ncs_step_diffing_version_history') &&
|
|
372
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
373
|
+
contributorTagStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') &&
|
|
371
374
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
372
375
|
vanillaUnsupportedStyles,
|
|
373
376
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
2
|
+
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
|
+
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
+
import { css } from '@emotion/react';
|
|
5
|
+
/**
|
|
6
|
+
* Fade-and-rise for the contributor tags `editor-plugin-show-diff` draws above a change, plus the
|
|
7
|
+
* hidden state it starts from — an inline `opacity` would outrank this rule, so both ends live here.
|
|
8
|
+
*
|
|
9
|
+
* Keyed on the literals the plugin writes (`CONTRIBUTOR_TAG_CLASS`,
|
|
10
|
+
* `CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE`), so rename in step. Keep in sync with the
|
|
11
|
+
* `contributorTagStyles` entry in `EditorContentContainer-compiled.tsx`.
|
|
12
|
+
*
|
|
13
|
+
* Gated behind `confluence_ncs_step_diffing_version_history`, where the tags render.
|
|
14
|
+
*/
|
|
15
|
+
export var contributorTagStyles = css({
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
17
|
+
'.ProseMirror': {
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
19
|
+
'.ak-editor-diff-contributor-tag': {
|
|
20
|
+
opacity: 0,
|
|
21
|
+
// Deliberately not transitioned: a tag mid-fade must not be a hit target.
|
|
22
|
+
pointerEvents: 'none',
|
|
23
|
+
// Starts low, so the tag reads as unfurling out of the change: the part that hangs over the
|
|
24
|
+
// highlight is clipped by the tag's root, so what is seen is its bottom edge held on the
|
|
25
|
+
// change while the rest rises out of it. A transform, so nothing around it reflows.
|
|
26
|
+
transform: 'translateY(4px)',
|
|
27
|
+
transitionProperty: 'opacity, transform',
|
|
28
|
+
transitionDuration: "var(--ds-duration-xxlong, 600ms)",
|
|
29
|
+
// The exit curve; the revealed state below swaps in the entrance curve. The fallback is
|
|
30
|
+
// required — motion custom properties only exist under `html[data-theme~="motion:motion"]`,
|
|
31
|
+
// and one unresolved `var()` drops the whole declaration.
|
|
32
|
+
transitionTimingFunction: "var(--ds-easing-in-practical, cubic-bezier(0.6, 0, 0.8, 0.6))",
|
|
33
|
+
// Covers both directions, because the revealed state declares no duration of its own — one
|
|
34
|
+
// there would outrank this by specificity.
|
|
35
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
36
|
+
transitionDuration: '0s'
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
40
|
+
'.ak-editor-diff-contributor-tag[data-revealed]': {
|
|
41
|
+
opacity: 1,
|
|
42
|
+
pointerEvents: 'auto',
|
|
43
|
+
transform: 'translateY(0)',
|
|
44
|
+
// The entrance curve, and deliberately nothing else: a duration here would outrank the
|
|
45
|
+
// reduced-motion opt-out above.
|
|
46
|
+
transitionTimingFunction: "var(--ds-easing-out-practical, cubic-bezier(0.4, 1, 0.6, 1))",
|
|
47
|
+
/**
|
|
48
|
+
* Start values for the first reveal, which would otherwise snap: ProseMirror attaches a
|
|
49
|
+
* widget's host only after `toDOM` returns. Both properties, or the first reveal rises
|
|
50
|
+
* without fading. Progressive enhancement — browsers without it snap that first reveal and
|
|
51
|
+
* fade every one after.
|
|
52
|
+
*/
|
|
53
|
+
'@starting-style': {
|
|
54
|
+
opacity: 0,
|
|
55
|
+
transform: 'translateY(4px)'
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
});
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { SerializedStyles } from '@emotion/react';
|
|
2
|
+
/**
|
|
3
|
+
* Fade-and-rise for the contributor tags `editor-plugin-show-diff` draws above a change, plus the
|
|
4
|
+
* hidden state it starts from — an inline `opacity` would outrank this rule, so both ends live here.
|
|
5
|
+
*
|
|
6
|
+
* Keyed on the literals the plugin writes (`CONTRIBUTOR_TAG_CLASS`,
|
|
7
|
+
* `CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE`), so rename in step. Keep in sync with the
|
|
8
|
+
* `contributorTagStyles` entry in `EditorContentContainer-compiled.tsx`.
|
|
9
|
+
*
|
|
10
|
+
* Gated behind `confluence_ncs_step_diffing_version_history`, where the tags render.
|
|
11
|
+
*/
|
|
12
|
+
export declare const contributorTagStyles: SerializedStyles;
|
|
@@ -13,6 +13,6 @@ export declare const executeExtensionQuickInsertItem: ({ apiRef, createAnalytics
|
|
|
13
13
|
editorActions: EditorActions;
|
|
14
14
|
insert: QuickInsertActionInsert;
|
|
15
15
|
item: MenuItem;
|
|
16
|
-
source?: INPUT_METHOD.TOOLBAR | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.ELEMENT_BROWSER;
|
|
16
|
+
source?: INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.ELEMENT_BROWSER;
|
|
17
17
|
state: EditorState;
|
|
18
18
|
}) => Transaction | false;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "227.0.
|
|
3
|
+
"version": "227.0.9",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@atlaskit/editor-plugin-user-preferences": "^15.0.0",
|
|
54
54
|
"@atlaskit/editor-plugins": "^16.1.0",
|
|
55
55
|
"@atlaskit/editor-prosemirror": "^8.0.0",
|
|
56
|
-
"@atlaskit/editor-shared-styles": "^4.
|
|
56
|
+
"@atlaskit/editor-shared-styles": "^4.2.0",
|
|
57
57
|
"@atlaskit/editor-ssr-renderer": "^12.0.0",
|
|
58
58
|
"@atlaskit/editor-toolbar": "^2.6.0",
|
|
59
59
|
"@atlaskit/editor-toolbar-model": "^1.2.0",
|
|
@@ -71,10 +71,10 @@
|
|
|
71
71
|
"@atlaskit/popup": "^6.3.0",
|
|
72
72
|
"@atlaskit/primitives": "^22.5.0",
|
|
73
73
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
74
|
-
"@atlaskit/react-ufo": "^7.
|
|
74
|
+
"@atlaskit/react-ufo": "^7.9.0",
|
|
75
75
|
"@atlaskit/task-decision": "^21.9.0",
|
|
76
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
77
|
-
"@atlaskit/tokens": "^16.
|
|
76
|
+
"@atlaskit/tmp-editor-statsig": "^186.0.0",
|
|
77
|
+
"@atlaskit/tokens": "^16.12.0",
|
|
78
78
|
"@atlaskit/tooltip": "^24.3.0",
|
|
79
79
|
"@atlaskit/width-detector": "^7.2.0",
|
|
80
80
|
"@babel/runtime": "^7.0.0",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"uuid": "^11.1.1"
|
|
92
92
|
},
|
|
93
93
|
"peerDependencies": {
|
|
94
|
-
"@atlaskit/editor-common": "^121.
|
|
94
|
+
"@atlaskit/editor-common": "^121.4.0",
|
|
95
95
|
"@atlaskit/link-provider": "^5.6.0",
|
|
96
96
|
"@atlaskit/media-core": "^38.2.0",
|
|
97
97
|
"react": "^18.2.0",
|
|
@@ -115,14 +115,14 @@
|
|
|
115
115
|
"@atlaskit/editor-plugin-base": "^18.0.0",
|
|
116
116
|
"@atlaskit/editor-plugin-card": "^23.0.0",
|
|
117
117
|
"@atlaskit/editor-plugin-code-block-advanced": "^17.0.0",
|
|
118
|
-
"@atlaskit/editor-plugin-collab-edit": "^18.
|
|
118
|
+
"@atlaskit/editor-plugin-collab-edit": "^18.1.0",
|
|
119
119
|
"@atlaskit/editor-plugin-content-insertion": "^17.0.0",
|
|
120
120
|
"@atlaskit/editor-plugin-editor-viewmode": "^19.0.0",
|
|
121
121
|
"@atlaskit/editor-plugin-extension": "^20.0.0",
|
|
122
122
|
"@atlaskit/editor-plugin-grid": "^17.0.0",
|
|
123
123
|
"@atlaskit/editor-plugin-guideline": "^17.0.0",
|
|
124
124
|
"@atlaskit/editor-plugin-highlight": "^17.0.0",
|
|
125
|
-
"@atlaskit/editor-plugin-insert-block": "^18.
|
|
125
|
+
"@atlaskit/editor-plugin-insert-block": "^18.1.0",
|
|
126
126
|
"@atlaskit/editor-plugin-layout": "^18.0.0",
|
|
127
127
|
"@atlaskit/editor-plugin-limited-mode": "^14.1.0",
|
|
128
128
|
"@atlaskit/editor-plugin-list": "^19.0.0",
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
"@atlaskit/form": "^17.2.0",
|
|
143
143
|
"@atlaskit/link-provider": "^5.6.0",
|
|
144
144
|
"@atlaskit/linking-common": "^12.1.0",
|
|
145
|
-
"@atlaskit/logo": "^
|
|
145
|
+
"@atlaskit/logo": "^22.0.0",
|
|
146
146
|
"@atlaskit/media-core": "^38.2.0",
|
|
147
147
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
148
148
|
"@atlaskit/media-picker": "^72.4.0",
|
|
@@ -191,6 +191,10 @@
|
|
|
191
191
|
"platform_comment_container_query": {
|
|
192
192
|
"type": "boolean"
|
|
193
193
|
},
|
|
194
|
+
"confluence_ncs_step_diffing_version_history": {
|
|
195
|
+
"type": "boolean",
|
|
196
|
+
"referenceOnly": true
|
|
197
|
+
},
|
|
194
198
|
"people-teams_migrate-user-profile-card": {
|
|
195
199
|
"type": "boolean",
|
|
196
200
|
"referenceOnly": true
|