@atlaskit/editor-core 221.17.1 → 221.17.3
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 +15 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +5 -1
- package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +82 -64
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -2
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +6 -2
- package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +88 -68
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +4 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +6 -2
- package/dist/esm/ui/EditorContentContainer/styles/emoji.js +81 -63
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts +14 -0
- package/package.json +3 -3
|
@@ -256,6 +256,8 @@ const editorContentStyles = {
|
|
|
256
256
|
embedCardStyles: "cc-epa0ej",
|
|
257
257
|
emojiDangerStyles: "cc-30ls2d",
|
|
258
258
|
emojiStyles: "cc-1c7fc54",
|
|
259
|
+
emojiSelectionStyles: "cc-1w90uvx",
|
|
260
|
+
directEmojiSelectionStyles: "cc-15yelzs",
|
|
259
261
|
emojiDenseStyles: "cc-1d3vsly",
|
|
260
262
|
expandStyles: "cc-ydjhnl",
|
|
261
263
|
expandStylesBase: "cc-6vgdj1",
|
|
@@ -482,7 +484,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
482
484
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !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, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
483
485
|
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && 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') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, 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, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
484
486
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
485
|
-
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, 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, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, 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, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && 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]),
|
|
487
|
+
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, 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, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : 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, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && 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]),
|
|
486
488
|
ref: ref,
|
|
487
489
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
488
490
|
"data-testid": "editor-content-container"
|
|
@@ -32,7 +32,7 @@ import { cursorStyles } from './styles/cursorStyles';
|
|
|
32
32
|
import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
|
|
33
33
|
import { editorUGCSmallText, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
|
|
34
34
|
import { embedCardStyles } from './styles/embedCardStyles';
|
|
35
|
-
import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
|
|
35
|
+
import { directEmojiSelectionStyles, emojiDangerStyles, emojiSelectionStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
|
|
36
36
|
import { expandStyles, expandStylesBase, expandStylesMixin_chromeless_expand_fix, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, getDenseExpandTitleStyles } from './styles/expandStyles';
|
|
37
37
|
import { extensionDiffStyles, getExtensionStyles } from './styles/extensionStyles';
|
|
38
38
|
import { findReplaceStyles, findReplaceStylesNewWithA11Y, findReplaceStylesNewWithCodeblockColorContrastFix, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesWithRefSyncBlock } from './styles/findReplaceStyles';
|
|
@@ -526,7 +526,11 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
526
526
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
527
527
|
scaledEmojiStyles :
|
|
528
528
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
529
|
-
emojiStyles,
|
|
529
|
+
emojiStyles, isFloatingTocEnabled ?
|
|
530
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
531
|
+
directEmojiSelectionStyles :
|
|
532
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
533
|
+
emojiSelectionStyles,
|
|
530
534
|
// Dense emoji scaling based on base font size
|
|
531
535
|
contentMode === 'compact' ? expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
|
|
532
536
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -78,40 +78,6 @@ export const emojiStyles = css({
|
|
|
78
78
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
79
79
|
[`.ProseMirror .${EmojiSharedCssClassName.EMOJI_UNICODE}`]: {
|
|
80
80
|
cursor: 'pointer'
|
|
81
|
-
},
|
|
82
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
83
|
-
[`.ProseMirror .${akEditorSelectedNodeClassName}`]: {
|
|
84
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-invalid-css-map
|
|
85
|
-
[`.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_UNICODE}`]: {
|
|
86
|
-
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
87
|
-
position: 'relative',
|
|
88
|
-
WebkitUserSelect: 'text',
|
|
89
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
90
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`,
|
|
91
|
-
borderColor: 'transparent',
|
|
92
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
93
|
-
'&::selection,*::selection': {
|
|
94
|
-
backgroundColor: 'transparent'
|
|
95
|
-
},
|
|
96
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
97
|
-
'&::-moz-selection,*::-moz-selection': {
|
|
98
|
-
backgroundColor: 'transparent'
|
|
99
|
-
},
|
|
100
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
101
|
-
'&::before': {
|
|
102
|
-
position: 'absolute',
|
|
103
|
-
content: "''",
|
|
104
|
-
left: 0,
|
|
105
|
-
right: 0,
|
|
106
|
-
top: 0,
|
|
107
|
-
bottom: 0,
|
|
108
|
-
width: '100%',
|
|
109
|
-
pointerEvents: 'none',
|
|
110
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
111
|
-
zIndex: 12,
|
|
112
|
-
backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
81
|
}
|
|
116
82
|
});
|
|
117
83
|
/**
|
|
@@ -196,40 +162,6 @@ export const scaledEmojiStyles = css({
|
|
|
196
162
|
cursor: 'pointer'
|
|
197
163
|
},
|
|
198
164
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
199
|
-
[`.ProseMirror .${akEditorSelectedNodeClassName}`]: {
|
|
200
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-invalid-css-map
|
|
201
|
-
[`.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_UNICODE}`]: {
|
|
202
|
-
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
203
|
-
position: 'relative',
|
|
204
|
-
WebkitUserSelect: 'text',
|
|
205
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
206
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`,
|
|
207
|
-
borderColor: 'transparent',
|
|
208
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
209
|
-
'&::selection,*::selection': {
|
|
210
|
-
backgroundColor: 'transparent'
|
|
211
|
-
},
|
|
212
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
213
|
-
'&::-moz-selection,*::-moz-selection': {
|
|
214
|
-
backgroundColor: 'transparent'
|
|
215
|
-
},
|
|
216
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
217
|
-
'&::before': {
|
|
218
|
-
position: 'absolute',
|
|
219
|
-
content: "''",
|
|
220
|
-
left: 0,
|
|
221
|
-
right: 0,
|
|
222
|
-
top: 0,
|
|
223
|
-
bottom: 0,
|
|
224
|
-
width: '100%',
|
|
225
|
-
pointerEvents: 'none',
|
|
226
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
227
|
-
zIndex: 12,
|
|
228
|
-
backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
},
|
|
232
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
233
165
|
[`.ProseMirror h1 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
|
|
234
166
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
235
167
|
height: `${scaledEmojiHeightH1}px`,
|
|
@@ -266,6 +198,94 @@ export const scaledEmojiStyles = css({
|
|
|
266
198
|
}
|
|
267
199
|
});
|
|
268
200
|
|
|
201
|
+
/**
|
|
202
|
+
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
203
|
+
* If you need to make changes here, also update the corresponding style in
|
|
204
|
+
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
205
|
+
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
206
|
+
*/
|
|
207
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
208
|
+
export const emojiSelectionStyles = css({
|
|
209
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
210
|
+
[`.ProseMirror .${akEditorSelectedNodeClassName}`]: {
|
|
211
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-invalid-css-map
|
|
212
|
+
[`.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_UNICODE}`]: {
|
|
213
|
+
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
214
|
+
position: 'relative',
|
|
215
|
+
WebkitUserSelect: 'text',
|
|
216
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
217
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`,
|
|
218
|
+
borderColor: 'transparent',
|
|
219
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
220
|
+
'&::selection,*::selection': {
|
|
221
|
+
backgroundColor: 'transparent'
|
|
222
|
+
},
|
|
223
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
224
|
+
'&::-moz-selection,*::-moz-selection': {
|
|
225
|
+
backgroundColor: 'transparent'
|
|
226
|
+
},
|
|
227
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
228
|
+
'&::before': {
|
|
229
|
+
position: 'absolute',
|
|
230
|
+
content: "''",
|
|
231
|
+
left: 0,
|
|
232
|
+
right: 0,
|
|
233
|
+
top: 0,
|
|
234
|
+
bottom: 0,
|
|
235
|
+
width: '100%',
|
|
236
|
+
pointerEvents: 'none',
|
|
237
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
238
|
+
zIndex: 12,
|
|
239
|
+
backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
});
|
|
244
|
+
|
|
245
|
+
/**
|
|
246
|
+
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
247
|
+
* If you need to make changes here, also update the corresponding style in
|
|
248
|
+
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
249
|
+
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
250
|
+
*/
|
|
251
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
252
|
+
export const directEmojiSelectionStyles = css({
|
|
253
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
254
|
+
[`.ProseMirror .${akEditorSelectedNodeClassName}[data-emoji-id]`]: {
|
|
255
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-invalid-css-map
|
|
256
|
+
[`.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_UNICODE}`]: {
|
|
257
|
+
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
258
|
+
position: 'relative',
|
|
259
|
+
WebkitUserSelect: 'text',
|
|
260
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
261
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`,
|
|
262
|
+
borderColor: 'transparent',
|
|
263
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
264
|
+
'&::selection,*::selection': {
|
|
265
|
+
backgroundColor: 'transparent'
|
|
266
|
+
},
|
|
267
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
268
|
+
'&::-moz-selection,*::-moz-selection': {
|
|
269
|
+
backgroundColor: 'transparent'
|
|
270
|
+
},
|
|
271
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
272
|
+
'&::before': {
|
|
273
|
+
position: 'absolute',
|
|
274
|
+
content: "''",
|
|
275
|
+
left: 0,
|
|
276
|
+
right: 0,
|
|
277
|
+
top: 0,
|
|
278
|
+
bottom: 0,
|
|
279
|
+
width: '100%',
|
|
280
|
+
pointerEvents: 'none',
|
|
281
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
282
|
+
zIndex: 12,
|
|
283
|
+
backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
});
|
|
288
|
+
|
|
269
289
|
/**
|
|
270
290
|
* Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
|
|
271
291
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -40,7 +40,9 @@
|
|
|
40
40
|
.cc-1x753i0{--editor-font-ugc-token-body-small:normal 400 0.875em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
|
|
41
41
|
.cc-epa0ej .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{max-width:100%;position:relative;z-index:2}.cc-epa0ej .ProseMirror .embedCardView-content-wrap[layout=wrap-left]{float:left}.cc-epa0ej .ProseMirror .embedCardView-content-wrap[layout=wrap-right]{float:right}.cc-epa0ej .ProseMirror .embedCardView-content-wrap[layout=wrap-right]+.embedCardView-content-wrap[layout=wrap-left]{clear:both}
|
|
42
42
|
.cc-30ls2d .ProseMirror .ak-editor-selected-node.danger .emoji-common-emoji-image, .cc-30ls2d .ProseMirror .ak-editor-selected-node.danger .emoji-common-emoji-sprite, .cc-30ls2d .ProseMirror .ak-editor-selected-node.danger .emoji-common-emoji-unicode{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}
|
|
43
|
-
.cc-1c7fc54 .show-diff-atomic-inline-changed-emoji{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-1c7fc54 .show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-1c7fc54 .show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-emoji-unicode){outline:2px solid var(--show-diff-atomic-inline-changed-border-color);outline-offset:1px;border-radius:var(--ds-radius-xsmall,2px)}.cc-1c7fc54 .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-1c7fc54 .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:28px}.cc-1c7fc54 .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:26px}.cc-1c7fc54 .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:24px}.cc-1c7fc54 .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:22px}.cc-1c7fc54 .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-1c7fc54 .ProseMirror .emojiView-content-wrap{display:inline-block}.cc-1c7fc54 .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){background:no-repeat transparent;display:inline-block;height:20px;max-height:20px;cursor:pointer;vertical-align:middle;-webkit-user-select:all;user-select:all}.cc-1c7fc54 .ProseMirror .emoji-common-emoji-unicode{cursor:pointer}
|
|
43
|
+
.cc-1c7fc54 .show-diff-atomic-inline-changed-emoji{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-1c7fc54 .show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-1c7fc54 .show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-emoji-unicode){outline:2px solid var(--show-diff-atomic-inline-changed-border-color);outline-offset:1px;border-radius:var(--ds-radius-xsmall,2px)}.cc-1c7fc54 .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-1c7fc54 .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:28px}.cc-1c7fc54 .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:26px}.cc-1c7fc54 .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:24px}.cc-1c7fc54 .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:22px}.cc-1c7fc54 .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-1c7fc54 .ProseMirror .emojiView-content-wrap{display:inline-block}.cc-1c7fc54 .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){background:no-repeat transparent;display:inline-block;height:20px;max-height:20px;cursor:pointer;vertical-align:middle;-webkit-user-select:all;user-select:all}.cc-1c7fc54 .ProseMirror .emoji-common-emoji-unicode{cursor:pointer}
|
|
44
|
+
.cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode{border-radius:var(--ds-radius-xsmall,2px);position:relative;-webkit-user-select:text}.cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image:before, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite:before, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;width:100%;pointer-events:none;z-index:12;background-color:var(--ds-blanket-selected,#388bff14)}.cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image ::selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image::selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite ::selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite::selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode ::selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode::selection{background-color:transparent}.cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image ::-moz-selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-image::-moz-selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite ::-moz-selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-sprite::-moz-selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode ::-moz-selection, .cc-1w90uvx .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode::-moz-selection{background-color:transparent}
|
|
45
|
+
.cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-image, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-sprite, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-unicode{border-radius:var(--ds-radius-xsmall,2px);position:relative;-webkit-user-select:text}.cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-image:before, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-sprite:before, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-unicode:before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;width:100%;pointer-events:none;z-index:12;background-color:var(--ds-blanket-selected,#388bff14)}.cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-image, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-sprite, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-unicode{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-image ::selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-image::selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-sprite ::selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-sprite::selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-unicode ::selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-unicode::selection{background-color:transparent}.cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-image ::-moz-selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-image::-moz-selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-sprite ::-moz-selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-sprite::-moz-selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-unicode ::-moz-selection, .cc-15yelzs .ProseMirror .ak-editor-selected-node[data-emoji-id] .emoji-common-emoji-unicode::-moz-selection{background-color:transparent}
|
|
44
46
|
.cc-1d3vsly .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:16.25px}.cc-1d3vsly .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:24.25px}.cc-1d3vsly .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:22.25px}.cc-1d3vsly .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:20.25px}.cc-1d3vsly .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:18.25px}.cc-1d3vsly .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:16.25px}.cc-1d3vsly .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){width:16.25px;height:16.25px;max-height:16.25px}.cc-1d3vsly .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image) img{width:100%;height:100%;object-fit:contain}.cc-1d3vsly .ProseMirror .ak-editor-panel .ak-editor-panel__icon{height:var(--ds-space-250,20px);width:var(--ds-space-250,20px)}
|
|
45
47
|
.cc-ydjhnl .ProseMirror>.ak-editor-expand__type-expand, .cc-ydjhnl .fabric-editor-breakout-mark-dom>.ak-editor-expand__type-expand{margin-left:var(--ds-space-negative-150,-9pt);margin-right:var(--ds-space-negative-150,-9pt)}
|
|
46
48
|
.cc-6vgdj1 .ak-editor-expand__icon>div{display:flex}.cc-6vgdj1 .ak-editor-expand{border-width:var(--ds-border-width,1px);border-style:solid;border-color:transparent;border-radius:var(--ds-radius-small,4px);min-height:25px;background:var(--ds-background-neutral-subtle,#00000000);margin:var(--ds-space-050,4px) 0 0;transition-property:background,border-color;transition-duration:.3s,.3s;transition-timing-function:cubic-bezier(.15,1,.3,1),cubic-bezier(.15,1,.3,1);cursor:pointer;box-sizing:border-box;padding:var(--ds-space-100,8px)}.cc-6vgdj1 .ak-editor-expand td>:not(style):first-child, .cc-6vgdj1 .ak-editor-expand td>style:first-child+*{margin-top:0}.cc-6vgdj1 .ak-editor-expand .ak-editor-expand__icon-container svg{color:var(--ds-icon-subtle,#505258);transform:rotate(90deg)}.cc-6vgdj1 .ak-editor-expand.ak-editor-selected-node:not(.danger){position:relative;-webkit-user-select:text}.cc-6vgdj1 .ak-editor-expand.ak-editor-selected-node:not(.danger):before{position:absolute;content:"";left:0;right:0;top:0;bottom:0;width:100%;pointer-events:none;z-index:12;background-color:var(--ds-blanket-selected,#388bff14)}.cc-6vgdj1 .ak-editor-expand.ak-editor-selected-node:not(.danger){border:var(--ds-border-width,1px) solid var(--ds-border-selected,#1868db)}.cc-6vgdj1 .ak-editor-expand.ak-editor-selected-node:not(.danger) ::selection, .cc-6vgdj1 .ak-editor-expand.ak-editor-selected-node:not(.danger)::selection{background-color:transparent}.cc-6vgdj1 .ak-editor-expand.ak-editor-selected-node:not(.danger) ::-moz-selection, .cc-6vgdj1 .ak-editor-expand.ak-editor-selected-node:not(.danger)::-moz-selection{background-color:transparent}.cc-6vgdj1 .ak-editor-expand.danger{background:var(--ds-background-danger,#ffeceb);border-color:var(--ds-border-danger,#e2483d)}.cc-6vgdj1 .ak-editor-expand__content{padding-top:var(--ds-space-0,0);padding-right:var(--ds-space-100,8px);padding-left:var(--ds-space-300,24px);margin-left:var(--ds-space-050,4px);display:flow-root}@supports not (display:flow-root){.cc-6vgdj1 .ak-editor-expand__content{width:100%;box-sizing:border-box}}.cc-6vgdj1 .ak-editor-expand__content .expand-content-wrapper, .cc-6vgdj1 .ak-editor-expand__content .nestedExpand-content-wrapper{width:100%;display:block;height:0;overflow-x:hidden;overflow-y:hidden;clip:rect(1px,1px,1px,1px);-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-6vgdj1 .ak-editor-expand__content{cursor:text}.cc-6vgdj1 .ak-editor-expand__content.ak-editor-expand__content--collapsed{display:none}.cc-6vgdj1 .ak-editor-expand__title-input{outline-color:currentColor;outline-style:none;outline-width:medium;border:none;font-size:.875rem;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);color:var(--ds-text-subtlest,#6b6e76);background-color:transparent;display:flex;flex-grow:1;flex-shrink:1;flex-basis:0%;padding:0 0 0 var(--ds-space-050,4px);width:100%}.cc-6vgdj1 .ak-editor-expand__title-input::-ms-input-placeholder{opacity:1;color:var(--ds-text-subtlest,#6b6e76)}.cc-6vgdj1 .ak-editor-expand__title-input::placeholder{opacity:1;color:var(--ds-text-subtlest,#6b6e76)}.cc-6vgdj1 .ak-editor-expand__title-container{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;display:flex;background:none;border:none;font-size:.875rem;width:100%;color:var(--ds-text-subtle,#505258);cursor:pointer}.cc-6vgdj1 .ak-editor-expand__title-container:focus{outline-color:currentColor;outline-style:none;outline-width:0}.cc-6vgdj1 .ak-editor-expand__title-container{align-items:center;overflow-x:visible;overflow-y:visible}.cc-6vgdj1 .ak-editor-expand__icon-button{-webkit-appearance:none;appearance:none;width:var(--ds-space-300,24px);height:var(--ds-space-300,24px);border:none;border-radius:var(--ds-radius-small,4px);background:var(--ds-background-neutral-subtle,#00000000);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.cc-6vgdj1 .ak-editor-expand__icon-button:disabled{cursor:not-allowed}.cc-6vgdj1 .ak-editor-expand__icon-button:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec);outline-offset:var(--ds-space-025,2px)}.cc-6vgdj1 .ak-editor-expand__icon-button:hover:not(:disabled){background:var(--ds-background-neutral-subtle-hovered,#0515240f)}.cc-6vgdj1 .ak-editor-expand__icon-button .ak-editor-expand__icon-svg{color:var(--ds-icon-subtle,#505258);transform:rotate(0deg);transition:transform .2s cubic-bezier(.15,1,.3,1)}.cc-6vgdj1 .ak-editor-expand__expanded{background:var(--ds-background-neutral-subtle,#00000000);border-color:var(--ds-border,#0b120e24)}.cc-6vgdj1 .ak-editor-expand__expanded .ak-editor-expand__content{padding-top:var(--ds-space-100,8px)}.cc-6vgdj1 .ak-editor-expand__expanded .ak-editor-expand__icon-button .ak-editor-expand__icon-svg{transform:rotate(90deg)}.cc-6vgdj1 .ak-editor-expand__input-container{width:100%}.cc-6vgdj1 .ak-editor-expand:not(.ak-editor-expand__expanded) .ak-editor-expand__content{position:absolute;height:1px;width:1px;overflow-x:hidden;overflow-y:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.cc-6vgdj1 .ak-editor-expand:not(.ak-editor-expand__expanded) .ak-editor-expand__icon-container svg{color:var(--ds-icon-subtle,#505258);transform:rotate(0deg)}.cc-6vgdj1 .ak-editor-expand:not(.ak-editor-expand__expanded):not(.ak-editor-selected-node):not(.danger){background-color:transparent;border-color:transparent}.cc-6vgdj1 .ak-editor-expand:not(.ak-editor-expand__expanded):not(.ak-editor-selected-node):not(.danger):hover{border-color:var(--ds-border,#0b120e24);background:var(--ds-background-neutral-subtle,#00000000)}
|
|
@@ -139,7 +141,7 @@
|
|
|
139
141
|
.cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
|
|
140
142
|
.cc-1nsisym .resizer-handle.bottom{flex-direction:row;align-items:flex-end;width:100%;height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb{width:4pc;height:3px;min-width:24px;min-height:0;margin-top:var(--ds-space-025,2px);margin-right:0;margin-bottom:var(--ds-space-025,2px);margin-left:0}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb:hover{cursor:row-resize}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track{width:calc(100% - 40px);height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track.full-height{width:100%;height:7px;min-width:36px;min-height:0}.cc-1nsisym .resizer-handle.small.bottom .resizer-handle-thumb{width:43px;height:3px}.cc-1nsisym .resizer-handle.medium.bottom .resizer-handle-thumb{width:4pc;height:3px}.cc-1nsisym .resizer-handle.large.bottom .resizer-handle-thumb{width:6pc;height:3px}.cc-1nsisym .resizer-handle.clamped.bottom .resizer-handle-thumb{width:clamp(43px,calc(100% - 2pc),6pc);height:3px}
|
|
141
143
|
.cc-184ku22 .ProseMirror hr{border:none;background-color:var(--ds-border,#0b120e24);height:2px;border-radius:1px;cursor:pointer;padding:var(--ds-space-050,4px) 0;margin:var(--ds-space-300,24px) 0;background-clip:content-box}.cc-184ku22 .ProseMirror hr.ak-editor-selected-node{outline-color:currentColor;outline-style:none;outline-width:medium;background-color:var(--ds-border-selected,#1868db)}
|
|
142
|
-
.cc-ruh3pg .show-diff-atomic-inline-changed-emoji{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-emoji-unicode){outline:2px solid var(--show-diff-atomic-inline-changed-border-color);outline-offset:1px;border-radius:var(--ds-radius-xsmall,2px)}.cc-ruh3pg .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:28px}.cc-ruh3pg .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:26px}.cc-ruh3pg .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:24px}.cc-ruh3pg .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror .emojiView-content-wrap{display:inline-block}.cc-ruh3pg .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){background:no-repeat transparent;display:inline-block;height:20px;min-height:20px;min-width:20px;max-height:28px;max-width:28px;cursor:pointer;vertical-align:middle;-webkit-user-select:all;user-select:all}.cc-ruh3pg .ProseMirror .emoji-common-emoji-unicode{cursor:pointer}.cc-ruh3pg .ProseMirror
|
|
144
|
+
.cc-ruh3pg .show-diff-atomic-inline-changed-emoji{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-emoji-unicode){outline:2px solid var(--show-diff-atomic-inline-changed-border-color);outline-offset:1px;border-radius:var(--ds-radius-xsmall,2px)}.cc-ruh3pg .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:28px}.cc-ruh3pg .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:26px}.cc-ruh3pg .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:24px}.cc-ruh3pg .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror .emojiView-content-wrap{display:inline-block}.cc-ruh3pg .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){background:no-repeat transparent;display:inline-block;height:20px;min-height:20px;min-width:20px;max-height:28px;max-width:28px;cursor:pointer;vertical-align:middle;-webkit-user-select:all;user-select:all}.cc-ruh3pg .ProseMirror .emoji-common-emoji-unicode{cursor:pointer}.cc-ruh3pg .ProseMirror h1 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:28px;width:28px}.cc-ruh3pg .ProseMirror h2 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:26px;width:26px}.cc-ruh3pg .ProseMirror h3 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:24px;width:24px}.cc-ruh3pg .ProseMirror h4 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:22px;width:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) .emoji-common-placeholder{height:20px;width:20px}
|
|
143
145
|
.cc-1tcigme .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:16.25px}.cc-1tcigme .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:24.25px}.cc-1tcigme .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:22.25px}.cc-1tcigme .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:20.25px}.cc-1tcigme .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:18.25px}.cc-1tcigme .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:16.25px}.cc-1tcigme .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){width:16.25px;height:16.25px;min-height:16.25px;min-width:16.25px;max-height:24.25px;max-width:24.25px}.cc-1tcigme .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image) img{width:100%;height:100%;object-fit:contain}.cc-1tcigme .ProseMirror .ak-editor-panel .ak-editor-panel__icon{height:var(--ds-space-250,20px);width:var(--ds-space-250,20px)}.cc-1tcigme .ProseMirror h1 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){height:24.25px;width:24.25px}.cc-1tcigme .ProseMirror h2 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){height:22.25px;width:22.25px}.cc-1tcigme .ProseMirror h3 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){height:20.25px;width:20.25px}.cc-1tcigme .ProseMirror h4 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){height:18.25px;width:18.25px}.cc-1tcigme .ProseMirror h1 .emoji-common-placeholder{height:24.25px;width:24.25px}.cc-1tcigme .ProseMirror h2 .emoji-common-placeholder{height:22.25px;width:22.25px}.cc-1tcigme .ProseMirror h3 .emoji-common-placeholder{height:20.25px;width:20.25px}.cc-1tcigme .ProseMirror h4 .emoji-common-placeholder{height:18.25px;width:18.25px}.cc-1tcigme .ProseMirror :is(h5,h6,p) .emoji-common-placeholder{height:16.25px;width:16.25px}
|
|
144
146
|
.cc-13ipadj{ms-overflow-style:-ms-autohiding-scrollbar}.cc-13ipadj::-webkit-scrollbar-corner{display:none}.cc-13ipadj::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-13ipadj:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-13ipadj::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
|
|
145
147
|
.cc-xj7ujp .ProseMirror-selectednode{outline-color:currentColor;outline-style:none;outline-width:medium}.cc-xj7ujp .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}.cc-1u1dmuf [aria-label="Selection toolbar"]{animation-name:k1xe95hp;animation-duration:.2s;animation-timing-function:cubic-bezier(.6,0,0,1)}
|
|
@@ -204,6 +204,8 @@ var editorContentStyles = {
|
|
|
204
204
|
embedCardStyles: "cc-epa0ej",
|
|
205
205
|
emojiDangerStyles: "cc-30ls2d",
|
|
206
206
|
emojiStyles: "cc-1c7fc54",
|
|
207
|
+
emojiSelectionStyles: "cc-1w90uvx",
|
|
208
|
+
directEmojiSelectionStyles: "cc-15yelzs",
|
|
207
209
|
emojiDenseStyles: "cc-1d3vsly",
|
|
208
210
|
expandStyles: "cc-ydjhnl",
|
|
209
211
|
expandStylesBase: "cc-6vgdj1",
|
|
@@ -424,7 +426,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
424
426
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !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, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
425
427
|
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && 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') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, 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, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
426
428
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
427
|
-
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, 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, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, 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, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && 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]),
|
|
429
|
+
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && 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) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, 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, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : 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, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && 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]),
|
|
428
430
|
ref: ref,
|
|
429
431
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
430
432
|
"data-testid": "editor-content-container"
|
|
@@ -35,7 +35,7 @@ import { cursorStyles } from './styles/cursorStyles';
|
|
|
35
35
|
import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
|
|
36
36
|
import { editorUGCSmallText, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
|
|
37
37
|
import { embedCardStyles } from './styles/embedCardStyles';
|
|
38
|
-
import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
|
|
38
|
+
import { directEmojiSelectionStyles, emojiDangerStyles, emojiSelectionStyles, emojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles, scaledEmojiStyles } from './styles/emoji';
|
|
39
39
|
import { expandStyles, expandStylesBase, expandStylesMixin_chromeless_expand_fix, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, getDenseExpandTitleStyles } from './styles/expandStyles';
|
|
40
40
|
import { extensionDiffStyles, getExtensionStyles } from './styles/extensionStyles';
|
|
41
41
|
import { findReplaceStyles, findReplaceStylesNewWithA11Y, findReplaceStylesNewWithCodeblockColorContrastFix, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesWithRefSyncBlock } from './styles/findReplaceStyles';
|
|
@@ -519,7 +519,11 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
519
519
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
520
520
|
scaledEmojiStyles :
|
|
521
521
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
522
|
-
emojiStyles,
|
|
522
|
+
emojiStyles, isFloatingTocEnabled ?
|
|
523
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
524
|
+
directEmojiSelectionStyles :
|
|
525
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
526
|
+
emojiSelectionStyles,
|
|
523
527
|
// Dense emoji scaling based on base font size
|
|
524
528
|
contentMode === 'compact' ? expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
|
|
525
529
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|