@atlaskit/editor-core 227.0.6 → 227.0.7
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 +25 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js +31 -35
- package/dist/cjs/ui/EditorContentContainer/styles/list.js +40 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/extensionStyles.js +31 -35
- package/dist/es2019/ui/EditorContentContainer/styles/list.js +40 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/extensionStyles.js +31 -35
- package/dist/esm/ui/EditorContentContainer/styles/list.js +40 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 227.0.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`2ca8a0b02c20e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2ca8a0b02c20e) -
|
|
8
|
+
Clean up experiment `platform_editor_bodiedextension_layoutshift_fix` by making the bodied
|
|
9
|
+
extension layout shift fix permanent.
|
|
10
|
+
- [`728f80b4dc5d2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/728f80b4dc5d2) -
|
|
11
|
+
Reduce the per-transaction cost of list indentation decorations, behind the
|
|
12
|
+
`platform_editor_list_performance_improv` experiment.
|
|
13
|
+
|
|
14
|
+
`editor-core` gains a set of `:is(ul, ol)` list marker rules that derive the marker from a list's
|
|
15
|
+
ancestors in CSS, which is what the `data-indent-level` decoration was previously needed for.
|
|
16
|
+
These rules are scoped with `:not([data-indent-level])` so they are inert for the control cohort,
|
|
17
|
+
which still receives the decoration.
|
|
18
|
+
|
|
19
|
+
With those rules in place, the experiment cohort in `editor-plugin-list` no longer decorates list
|
|
20
|
+
indentation at all. The only decoration left is the ordered-list counter gutter, which depends on
|
|
21
|
+
the item count and start number and so cannot be expressed as a selector. The decoration set is
|
|
22
|
+
also maintained incrementally — mapped through each transaction with only the touched top-level
|
|
23
|
+
blocks recomputed, instead of rebuilding from a full document scan — and the remaining scan skips
|
|
24
|
+
textblock subtrees, which can never contain a list. Rendered output is unchanged.
|
|
25
|
+
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 227.0.6
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
.cc-r9og9u .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb)}
|
|
100
100
|
.cc-yovug7 .ProseMirror li:has(>ol:only-child), .cc-yovug7 .ProseMirror li:has(>ul:only-child){list-style-type:none!important;margin-top:0!important;margin-bottom:0!important}.cc-yovug7 .ProseMirror li:has(>ol:only-child)>ol, .cc-yovug7 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-list-local-id]>div[data-task-list-local-id]{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-local-id]+div[data-task-list-local-id]{margin-top:var(--ds-space-050,4px)!important}
|
|
101
101
|
.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
|
|
102
|
-
.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
|
|
102
|
+
.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror ul:not([data-indent-level]){list-style-type:disc}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ul:not([data-indent-level]){list-style-type:circle}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]){list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror ol:not([data-indent-level]){list-style-type:decimal}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-alpha}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-roman}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
|
|
103
103
|
.cc-rj5qxv .ProseMirror ol:not(li>ol):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))), .cc-rj5qxv .ProseMirror ul:not(li>ul):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))){margin-top:var(--ds-space-150,9pt)}.cc-rj5qxv .ProseMirror li>ol, .cc-rj5qxv .ProseMirror li>ul{margin-top:var(--ds-space-050,4px)}
|
|
104
104
|
.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li:before{content:" ";line-height:1.714}.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.ProseMirror-gapcursor:first-child+.code-block, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.code-block:first-child, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>p:first-child{margin-top:-1.714em!important}
|
|
105
105
|
.cc-iu9h8q .ProseMirror li+li{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}.cc-iu9h8q .ProseMirror .ak-ol li>ol, .cc-iu9h8q .ProseMirror .ak-ol li>ul, .cc-iu9h8q .ProseMirror .ak-ul li>ol, .cc-iu9h8q .ProseMirror .ak-ul li>ul, .cc-iu9h8q .ProseMirror li>ol, .cc-iu9h8q .ProseMirror li>ul{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
|
|
@@ -423,7 +423,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
|
|
|
423
423
|
}) && editorContentStyles.listSelectedNodeStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
|
|
424
424
|
exposure: true
|
|
425
425
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
426
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _fg.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
426
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _fg.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
427
427
|
ref: ref,
|
|
428
428
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
429
429
|
"data-testid": "editor-content-container"
|
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.getExtensionStyles = exports.extensionDiffStyles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
11
10
|
var _selectionStyles = require("./selectionStyles");
|
|
12
11
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
13
12
|
@repo/internal/deprecations/deprecation-ticket-required,
|
|
@@ -333,6 +332,36 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
|
|
|
333
332
|
maxWidth: '100%' // ensure width can't go over 100%
|
|
334
333
|
},
|
|
335
334
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
335
|
+
'.bodiedExtensionView-content-wrap': {
|
|
336
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
337
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
338
|
+
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
339
|
+
},
|
|
340
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
341
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
342
|
+
margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
|
|
343
|
+
padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
|
|
344
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
|
|
345
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
346
|
+
},
|
|
347
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
348
|
+
'.extension-container': {
|
|
349
|
+
// Remove styling when Prosemirror moves content inside
|
|
350
|
+
|
|
351
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
352
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
353
|
+
margin: '0'
|
|
354
|
+
},
|
|
355
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
356
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
357
|
+
margin: 0,
|
|
358
|
+
padding: 0,
|
|
359
|
+
border: 'none',
|
|
360
|
+
borderRadius: 0
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
},
|
|
364
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
336
365
|
"[data-mark-type='fragment']": {
|
|
337
366
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
338
367
|
'& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
|
|
@@ -392,41 +421,8 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
|
|
|
392
421
|
fontSize: 'var(--ak-editor-base-font-size)'
|
|
393
422
|
}
|
|
394
423
|
}) : (0, _react.css)({});
|
|
395
|
-
var bodiedExtensionLayoutShiftFixStyles = (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? (0, _react.css)({
|
|
396
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
397
|
-
'.bodiedExtensionView-content-wrap': {
|
|
398
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
399
|
-
'.bodiedExtension-content-outer-wrapper': {
|
|
400
|
-
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
401
|
-
},
|
|
402
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
403
|
-
'.bodiedExtension-content-inner-wrapper': {
|
|
404
|
-
margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
|
|
405
|
-
padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
|
|
406
|
-
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
|
|
407
|
-
borderRadius: "var(--ds-radius-small, 3px)"
|
|
408
|
-
},
|
|
409
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
410
|
-
'.extension-container': {
|
|
411
|
-
// Remove styling when Prosemirror moves content inside
|
|
412
|
-
|
|
413
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
414
|
-
'.bodiedExtension-content-outer-wrapper': {
|
|
415
|
-
margin: '0'
|
|
416
|
-
},
|
|
417
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
418
|
-
'.bodiedExtension-content-inner-wrapper': {
|
|
419
|
-
margin: 0,
|
|
420
|
-
padding: 0,
|
|
421
|
-
border: 'none',
|
|
422
|
-
borderRadius: 0
|
|
423
|
-
}
|
|
424
|
-
}
|
|
425
|
-
}
|
|
426
|
-
}) : (0, _react.css)({});
|
|
427
|
-
|
|
428
424
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
429
|
-
return (0, _react.css)(baseExtensionStyles, denseExtensionStyles
|
|
425
|
+
return (0, _react.css)(baseExtensionStyles, denseExtensionStyles);
|
|
430
426
|
};
|
|
431
427
|
/**
|
|
432
428
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -126,6 +126,46 @@ var listsStyles = exports.listsStyles = (0, _react.css)({
|
|
|
126
126
|
"ul[data-indent-level='3'], ul[data-indent-level='6']": {
|
|
127
127
|
listStyleType: 'square'
|
|
128
128
|
},
|
|
129
|
+
/* ======== PREDICTABLE LISTS WITHOUT DECORATIONS ======== */
|
|
130
|
+
|
|
131
|
+
/*
|
|
132
|
+
* Equivalent of the `data-indent-level` rules above, expressed purely in CSS so the list
|
|
133
|
+
* plugin does not have to emit an indentation decoration for every list on every keystroke.
|
|
134
|
+
*
|
|
135
|
+
* `:is(ul, ol)` is what makes this work: a plain `ul ul` chain only counts ancestors of the
|
|
136
|
+
* same type, so a numbered list nested under a bullet list resolved to `decimal` instead of
|
|
137
|
+
* `lower-alpha`. Matching either list type counts every list ancestor, which is exactly what
|
|
138
|
+
* `data-indent-level` counted. Each extra `:is(ul, ol)` adds one to the selector's element
|
|
139
|
+
* count, so the deepest matching rule always wins.
|
|
140
|
+
*
|
|
141
|
+
* `:not([data-indent-level])` keeps these rules inert while the decoration is still being
|
|
142
|
+
* emitted, so they only take effect for the cohort that has it removed.
|
|
143
|
+
*/
|
|
144
|
+
|
|
145
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
146
|
+
'& ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
147
|
+
listStyleType: 'disc'
|
|
148
|
+
},
|
|
149
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
150
|
+
'& :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
151
|
+
listStyleType: 'circle'
|
|
152
|
+
},
|
|
153
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
154
|
+
'& :is(ul, ol) :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
155
|
+
listStyleType: 'square'
|
|
156
|
+
},
|
|
157
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
158
|
+
'& ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
159
|
+
listStyleType: 'decimal'
|
|
160
|
+
},
|
|
161
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
162
|
+
'& :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
163
|
+
listStyleType: 'lower-alpha'
|
|
164
|
+
},
|
|
165
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
166
|
+
'& :is(ul, ol) :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
167
|
+
listStyleType: 'lower-roman'
|
|
168
|
+
},
|
|
129
169
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
130
170
|
li: {
|
|
131
171
|
position: 'relative',
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.name = void 0;
|
|
7
7
|
var name = exports.name = "@atlaskit/editor-core";
|
|
8
8
|
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
9
|
-
var version = exports.version = "227.0.
|
|
9
|
+
var version = exports.version = "227.0.6";
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
.cc-r9og9u .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb)}
|
|
100
100
|
.cc-yovug7 .ProseMirror li:has(>ol:only-child), .cc-yovug7 .ProseMirror li:has(>ul:only-child){list-style-type:none!important;margin-top:0!important;margin-bottom:0!important}.cc-yovug7 .ProseMirror li:has(>ol:only-child)>ol, .cc-yovug7 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-list-local-id]>div[data-task-list-local-id]{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-local-id]+div[data-task-list-local-id]{margin-top:var(--ds-space-050,4px)!important}
|
|
101
101
|
.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
|
|
102
|
-
.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
|
|
102
|
+
.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror ul:not([data-indent-level]){list-style-type:disc}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ul:not([data-indent-level]){list-style-type:circle}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]){list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror ol:not([data-indent-level]){list-style-type:decimal}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-alpha}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-roman}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
|
|
103
103
|
.cc-rj5qxv .ProseMirror ol:not(li>ol):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))), .cc-rj5qxv .ProseMirror ul:not(li>ul):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))){margin-top:var(--ds-space-150,9pt)}.cc-rj5qxv .ProseMirror li>ol, .cc-rj5qxv .ProseMirror li>ul{margin-top:var(--ds-space-050,4px)}
|
|
104
104
|
.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li:before{content:" ";line-height:1.714}.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.ProseMirror-gapcursor:first-child+.code-block, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.code-block:first-child, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>p:first-child{margin-top:-1.714em!important}
|
|
105
105
|
.cc-iu9h8q .ProseMirror li+li{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}.cc-iu9h8q .ProseMirror .ak-ol li>ol, .cc-iu9h8q .ProseMirror .ak-ol li>ul, .cc-iu9h8q .ProseMirror .ak-ul li>ol, .cc-iu9h8q .ProseMirror .ak-ul li>ul, .cc-iu9h8q .ProseMirror li>ol, .cc-iu9h8q .ProseMirror li>ul{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
|
|
@@ -478,7 +478,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
478
478
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
479
479
|
exposure: true
|
|
480
480
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
481
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
481
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
482
482
|
ref: ref,
|
|
483
483
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
484
484
|
"data-testid": "editor-content-container"
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
3
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
6
5
|
import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
|
|
7
6
|
|
|
8
7
|
/**
|
|
@@ -325,6 +324,36 @@ export const getExtensionStyles = contentMode => {
|
|
|
325
324
|
maxWidth: '100%' // ensure width can't go over 100%
|
|
326
325
|
},
|
|
327
326
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
327
|
+
'.bodiedExtensionView-content-wrap': {
|
|
328
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
329
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
330
|
+
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
331
|
+
},
|
|
332
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
333
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
334
|
+
margin: `0 ${"var(--ds-space-negative-250, -20px)"}`,
|
|
335
|
+
padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-250, 20px)"}`,
|
|
336
|
+
border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
|
|
337
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
338
|
+
},
|
|
339
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
340
|
+
'.extension-container': {
|
|
341
|
+
// Remove styling when Prosemirror moves content inside
|
|
342
|
+
|
|
343
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
344
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
345
|
+
margin: '0'
|
|
346
|
+
},
|
|
347
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
348
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
349
|
+
margin: 0,
|
|
350
|
+
padding: 0,
|
|
351
|
+
border: 'none',
|
|
352
|
+
borderRadius: 0
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
},
|
|
356
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
328
357
|
"[data-mark-type='fragment']": {
|
|
329
358
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
330
359
|
'& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
|
|
@@ -384,41 +413,8 @@ export const getExtensionStyles = contentMode => {
|
|
|
384
413
|
fontSize: 'var(--ak-editor-base-font-size)'
|
|
385
414
|
}
|
|
386
415
|
}) : css({});
|
|
387
|
-
const bodiedExtensionLayoutShiftFixStyles = expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? css({
|
|
388
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
389
|
-
'.bodiedExtensionView-content-wrap': {
|
|
390
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
391
|
-
'.bodiedExtension-content-outer-wrapper': {
|
|
392
|
-
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
393
|
-
},
|
|
394
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
395
|
-
'.bodiedExtension-content-inner-wrapper': {
|
|
396
|
-
margin: `0 ${"var(--ds-space-negative-250, -20px)"}`,
|
|
397
|
-
padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-250, 20px)"}`,
|
|
398
|
-
border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
|
|
399
|
-
borderRadius: "var(--ds-radius-small, 3px)"
|
|
400
|
-
},
|
|
401
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
402
|
-
'.extension-container': {
|
|
403
|
-
// Remove styling when Prosemirror moves content inside
|
|
404
|
-
|
|
405
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
406
|
-
'.bodiedExtension-content-outer-wrapper': {
|
|
407
|
-
margin: '0'
|
|
408
|
-
},
|
|
409
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
410
|
-
'.bodiedExtension-content-inner-wrapper': {
|
|
411
|
-
margin: 0,
|
|
412
|
-
padding: 0,
|
|
413
|
-
border: 'none',
|
|
414
|
-
borderRadius: 0
|
|
415
|
-
}
|
|
416
|
-
}
|
|
417
|
-
}
|
|
418
|
-
}) : css({});
|
|
419
|
-
|
|
420
416
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
421
|
-
return css(baseExtensionStyles, denseExtensionStyles
|
|
417
|
+
return css(baseExtensionStyles, denseExtensionStyles);
|
|
422
418
|
};
|
|
423
419
|
/**
|
|
424
420
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -117,6 +117,46 @@ export const listsStyles = css({
|
|
|
117
117
|
"ul[data-indent-level='3'], ul[data-indent-level='6']": {
|
|
118
118
|
listStyleType: 'square'
|
|
119
119
|
},
|
|
120
|
+
/* ======== PREDICTABLE LISTS WITHOUT DECORATIONS ======== */
|
|
121
|
+
|
|
122
|
+
/*
|
|
123
|
+
* Equivalent of the `data-indent-level` rules above, expressed purely in CSS so the list
|
|
124
|
+
* plugin does not have to emit an indentation decoration for every list on every keystroke.
|
|
125
|
+
*
|
|
126
|
+
* `:is(ul, ol)` is what makes this work: a plain `ul ul` chain only counts ancestors of the
|
|
127
|
+
* same type, so a numbered list nested under a bullet list resolved to `decimal` instead of
|
|
128
|
+
* `lower-alpha`. Matching either list type counts every list ancestor, which is exactly what
|
|
129
|
+
* `data-indent-level` counted. Each extra `:is(ul, ol)` adds one to the selector's element
|
|
130
|
+
* count, so the deepest matching rule always wins.
|
|
131
|
+
*
|
|
132
|
+
* `:not([data-indent-level])` keeps these rules inert while the decoration is still being
|
|
133
|
+
* emitted, so they only take effect for the cohort that has it removed.
|
|
134
|
+
*/
|
|
135
|
+
|
|
136
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
137
|
+
'& ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
138
|
+
listStyleType: 'disc'
|
|
139
|
+
},
|
|
140
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
141
|
+
'& :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
142
|
+
listStyleType: 'circle'
|
|
143
|
+
},
|
|
144
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
145
|
+
'& :is(ul, ol) :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
146
|
+
listStyleType: 'square'
|
|
147
|
+
},
|
|
148
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
149
|
+
'& ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
150
|
+
listStyleType: 'decimal'
|
|
151
|
+
},
|
|
152
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
153
|
+
'& :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
154
|
+
listStyleType: 'lower-alpha'
|
|
155
|
+
},
|
|
156
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
157
|
+
'& :is(ul, ol) :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
158
|
+
listStyleType: 'lower-roman'
|
|
159
|
+
},
|
|
120
160
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
121
161
|
li: {
|
|
122
162
|
position: 'relative',
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
.cc-r9og9u .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb)}
|
|
100
100
|
.cc-yovug7 .ProseMirror li:has(>ol:only-child), .cc-yovug7 .ProseMirror li:has(>ul:only-child){list-style-type:none!important;margin-top:0!important;margin-bottom:0!important}.cc-yovug7 .ProseMirror li:has(>ol:only-child)>ol, .cc-yovug7 .ProseMirror li:has(>ul:only-child)>ul{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-list-local-id]>div[data-task-list-local-id]{margin-top:0!important}.cc-yovug7 .ProseMirror div[data-task-local-id]+div[data-task-list-local-id]{margin-top:var(--ds-space-050,4px)!important}
|
|
101
101
|
.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *){background:var(--ds-background-accent-blue-subtler,#cfe1fd);-webkit-user-select:text}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::selection{background-color:transparent}.cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *) ::-moz-selection, .cc-16nbeqa .ProseMirror :is(ul,ol,div[data-node-type=actionList]):not(:is(ul,ol,div[data-node-type=actionList]) *).ak-editor-selected-node:not(.ak-editor-selected-node *)::-moz-selection{background-color:transparent}
|
|
102
|
-
.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
|
|
102
|
+
.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ul{box-sizing:border-box;padding-left:var(--ed--list--item-counter--padding,24px)}.cc-xwc364 .ProseMirror.ua-firefox ol li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ol li p>span:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p:empty, .cc-xwc364 .ProseMirror.ua-firefox ul li p>span:empty{display:inline-block}.cc-xwc364 .ProseMirror .ak-ol, .cc-xwc364 .ProseMirror .ak-ul{display:flow-root}.cc-xwc364 .ProseMirror ul, .cc-xwc364 .ProseMirror ul ul ul ul{list-style-type:disc}.cc-xwc364 .ProseMirror ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul{list-style-type:circle}.cc-xwc364 .ProseMirror ul ul ul, .cc-xwc364 .ProseMirror ul ul ul ul ul ul{list-style-type:square}.cc-xwc364 .ProseMirror ol, .cc-xwc364 .ProseMirror ol ol ol ol{list-style-type:decimal}.cc-xwc364 .ProseMirror ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol ol ol, .cc-xwc364 .ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ol[data-indent-level="1"], .cc-xwc364 .ProseMirror ol[data-indent-level="4"]{list-style-type:decimal}.cc-xwc364 .ProseMirror ol[data-indent-level="2"], .cc-xwc364 .ProseMirror ol[data-indent-level="5"]{list-style-type:lower-alpha}.cc-xwc364 .ProseMirror ol[data-indent-level="3"], .cc-xwc364 .ProseMirror ol[data-indent-level="6"]{list-style-type:lower-roman}.cc-xwc364 .ProseMirror ul[data-indent-level="1"], .cc-xwc364 .ProseMirror ul[data-indent-level="4"]{list-style-type:disc}.cc-xwc364 .ProseMirror ul[data-indent-level="2"], .cc-xwc364 .ProseMirror ul[data-indent-level="5"]{list-style-type:circle}.cc-xwc364 .ProseMirror ul[data-indent-level="3"], .cc-xwc364 .ProseMirror ul[data-indent-level="6"]{list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror ul:not([data-indent-level]){list-style-type:disc}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ul:not([data-indent-level]){list-style-type:circle}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ul:not([data-indent-level]){list-style-type:square}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror ol:not([data-indent-level]){list-style-type:decimal}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-alpha}.cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]), .cc-xwc364 .ProseMirror :is(ul,ol) :is(ul,ol) ol:not([data-indent-level]){list-style-type:lower-roman}.cc-xwc364 .ProseMirror li{position:relative}.cc-xwc364 .ProseMirror li>p:not(:first-child){margin:var(--ds-space-050,4px) 0 0 0}.cc-xwc364 .ProseMirror li>style:first-child+p{margin-top:.75rem}
|
|
103
103
|
.cc-rj5qxv .ProseMirror ol:not(li>ol):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))), .cc-rj5qxv .ProseMirror ul:not(li>ul):not(:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span))){margin-top:var(--ds-space-150,9pt)}.cc-rj5qxv .ProseMirror li>ol, .cc-rj5qxv .ProseMirror li>ul{margin-top:var(--ds-space-050,4px)}
|
|
104
104
|
.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li:before{content:" ";line-height:1.714}.cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.ProseMirror-gapcursor:first-child+.code-block, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>.code-block:first-child, .cc-1iqc8mu .ProseMirror:not(.blockCardView-content-wrap)>li>p:first-child{margin-top:-1.714em!important}
|
|
105
105
|
.cc-iu9h8q .ProseMirror li+li{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}.cc-iu9h8q .ProseMirror .ak-ol li>ol, .cc-iu9h8q .ProseMirror .ak-ol li>ul, .cc-iu9h8q .ProseMirror .ak-ul li>ol, .cc-iu9h8q .ProseMirror .ak-ul li>ul, .cc-iu9h8q .ProseMirror li>ol, .cc-iu9h8q .ProseMirror li>ul{margin-top:max(0px,calc((var(--ak-editor-base-font-size, 1pc) - 13px)*1.33333))}
|
|
@@ -422,7 +422,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
422
422
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
423
423
|
exposure: true
|
|
424
424
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
425
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
425
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, fg('platform_editor_lovability_resize_exts_gracefully') && editorContentStyles.extensionWithBreakoutStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, isExperimentEnabled('platform_editor_table_css_overflow_shadow') && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
426
426
|
ref: ref,
|
|
427
427
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
428
428
|
"data-testid": "editor-content-container"
|
|
@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
@repo/internal/deprecations/deprecation-ticket-required,
|
|
4
4
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
5
5
|
import { css } from '@emotion/react';
|
|
6
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
6
|
import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
|
|
8
7
|
|
|
9
8
|
/**
|
|
@@ -326,6 +325,36 @@ export var getExtensionStyles = function getExtensionStyles(contentMode) {
|
|
|
326
325
|
maxWidth: '100%' // ensure width can't go over 100%
|
|
327
326
|
},
|
|
328
327
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
328
|
+
'.bodiedExtensionView-content-wrap': {
|
|
329
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
330
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
331
|
+
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
332
|
+
},
|
|
333
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
334
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
335
|
+
margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
|
|
336
|
+
padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
|
|
337
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
|
|
338
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
339
|
+
},
|
|
340
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
341
|
+
'.extension-container': {
|
|
342
|
+
// Remove styling when Prosemirror moves content inside
|
|
343
|
+
|
|
344
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
345
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
346
|
+
margin: '0'
|
|
347
|
+
},
|
|
348
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
349
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
350
|
+
margin: 0,
|
|
351
|
+
padding: 0,
|
|
352
|
+
border: 'none',
|
|
353
|
+
borderRadius: 0
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
},
|
|
357
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
329
358
|
"[data-mark-type='fragment']": {
|
|
330
359
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
331
360
|
'& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
|
|
@@ -385,41 +414,8 @@ export var getExtensionStyles = function getExtensionStyles(contentMode) {
|
|
|
385
414
|
fontSize: 'var(--ak-editor-base-font-size)'
|
|
386
415
|
}
|
|
387
416
|
}) : css({});
|
|
388
|
-
var bodiedExtensionLayoutShiftFixStyles = expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? css({
|
|
389
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
390
|
-
'.bodiedExtensionView-content-wrap': {
|
|
391
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
392
|
-
'.bodiedExtension-content-outer-wrapper': {
|
|
393
|
-
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
394
|
-
},
|
|
395
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
396
|
-
'.bodiedExtension-content-inner-wrapper': {
|
|
397
|
-
margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
|
|
398
|
-
padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
|
|
399
|
-
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
|
|
400
|
-
borderRadius: "var(--ds-radius-small, 3px)"
|
|
401
|
-
},
|
|
402
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
403
|
-
'.extension-container': {
|
|
404
|
-
// Remove styling when Prosemirror moves content inside
|
|
405
|
-
|
|
406
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
407
|
-
'.bodiedExtension-content-outer-wrapper': {
|
|
408
|
-
margin: '0'
|
|
409
|
-
},
|
|
410
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
411
|
-
'.bodiedExtension-content-inner-wrapper': {
|
|
412
|
-
margin: 0,
|
|
413
|
-
padding: 0,
|
|
414
|
-
border: 'none',
|
|
415
|
-
borderRadius: 0
|
|
416
|
-
}
|
|
417
|
-
}
|
|
418
|
-
}
|
|
419
|
-
}) : css({});
|
|
420
|
-
|
|
421
417
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
422
|
-
return css(baseExtensionStyles, denseExtensionStyles
|
|
418
|
+
return css(baseExtensionStyles, denseExtensionStyles);
|
|
423
419
|
};
|
|
424
420
|
/**
|
|
425
421
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -118,6 +118,46 @@ export var listsStyles = css({
|
|
|
118
118
|
"ul[data-indent-level='3'], ul[data-indent-level='6']": {
|
|
119
119
|
listStyleType: 'square'
|
|
120
120
|
},
|
|
121
|
+
/* ======== PREDICTABLE LISTS WITHOUT DECORATIONS ======== */
|
|
122
|
+
|
|
123
|
+
/*
|
|
124
|
+
* Equivalent of the `data-indent-level` rules above, expressed purely in CSS so the list
|
|
125
|
+
* plugin does not have to emit an indentation decoration for every list on every keystroke.
|
|
126
|
+
*
|
|
127
|
+
* `:is(ul, ol)` is what makes this work: a plain `ul ul` chain only counts ancestors of the
|
|
128
|
+
* same type, so a numbered list nested under a bullet list resolved to `decimal` instead of
|
|
129
|
+
* `lower-alpha`. Matching either list type counts every list ancestor, which is exactly what
|
|
130
|
+
* `data-indent-level` counted. Each extra `:is(ul, ol)` adds one to the selector's element
|
|
131
|
+
* count, so the deepest matching rule always wins.
|
|
132
|
+
*
|
|
133
|
+
* `:not([data-indent-level])` keeps these rules inert while the decoration is still being
|
|
134
|
+
* emitted, so they only take effect for the cohort that has it removed.
|
|
135
|
+
*/
|
|
136
|
+
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
138
|
+
'& ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
139
|
+
listStyleType: 'disc'
|
|
140
|
+
},
|
|
141
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
142
|
+
'& :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
143
|
+
listStyleType: 'circle'
|
|
144
|
+
},
|
|
145
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
146
|
+
'& :is(ul, ol) :is(ul, ol) ul:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul:not([data-indent-level])': {
|
|
147
|
+
listStyleType: 'square'
|
|
148
|
+
},
|
|
149
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
150
|
+
'& ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
151
|
+
listStyleType: 'decimal'
|
|
152
|
+
},
|
|
153
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
154
|
+
'& :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
155
|
+
listStyleType: 'lower-alpha'
|
|
156
|
+
},
|
|
157
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
158
|
+
'& :is(ul, ol) :is(ul, ol) ol:not([data-indent-level]), & :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol:not([data-indent-level])': {
|
|
159
|
+
listStyleType: 'lower-roman'
|
|
160
|
+
},
|
|
121
161
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
122
162
|
li: {
|
|
123
163
|
position: 'relative',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "227.0.
|
|
3
|
+
"version": "227.0.7",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
74
74
|
"@atlaskit/react-ufo": "^7.8.0",
|
|
75
75
|
"@atlaskit/task-decision": "^21.9.0",
|
|
76
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
76
|
+
"@atlaskit/tmp-editor-statsig": "^185.0.0",
|
|
77
77
|
"@atlaskit/tokens": "^16.11.0",
|
|
78
78
|
"@atlaskit/tooltip": "^24.3.0",
|
|
79
79
|
"@atlaskit/width-detector": "^7.2.0",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"uuid": "^11.1.1"
|
|
92
92
|
},
|
|
93
93
|
"peerDependencies": {
|
|
94
|
-
"@atlaskit/editor-common": "^121.
|
|
94
|
+
"@atlaskit/editor-common": "^121.3.0",
|
|
95
95
|
"@atlaskit/link-provider": "^5.6.0",
|
|
96
96
|
"@atlaskit/media-core": "^38.2.0",
|
|
97
97
|
"react": "^18.2.0",
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
"@atlassian/editor-rovo-bridge": "^15.1.0",
|
|
169
169
|
"@atlassian/experiment-test-utils": "^0.2.0",
|
|
170
170
|
"@atlassian/feature-flags-test-utils": "^1.3.0",
|
|
171
|
-
"@atlassian/search-client": "^2.
|
|
171
|
+
"@atlassian/search-client": "^2.27.0",
|
|
172
172
|
"@atlassian/search-provider": "^18.0.0",
|
|
173
173
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
174
174
|
"@atlassian/testing-library": "^0.11.0",
|