@atlaskit/editor-core 224.0.5 → 224.1.1
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 +41 -0
- package/dist/cjs/composable-editor/core-editor.js +1 -3
- package/dist/cjs/composable-editor/editor-internal.js +2 -1
- package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/cjs/presets/universal.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +3 -5
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +12 -12
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +25 -27
- package/dist/cjs/ui/EditorContentContainer/styles/gapCursorStyles.js +2 -6
- package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +4 -3
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/core-editor.js +1 -2
- package/dist/es2019/composable-editor/editor-internal.js +2 -1
- package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/es2019/presets/universal.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +3 -5
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +6 -7
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +19 -22
- package/dist/es2019/ui/EditorContentContainer/styles/gapCursorStyles.js +0 -6
- package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +4 -3
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/core-editor.js +1 -3
- package/dist/esm/composable-editor/editor-internal.js +2 -1
- package/dist/esm/composable-editor/hooks/useMemoEditorProps.js +3 -2
- package/dist/esm/presets/universal.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +2 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js +2 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +3 -5
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +12 -12
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +27 -29
- package/dist/esm/ui/EditorContentContainer/styles/gapCursorStyles.js +1 -5
- package/dist/esm/ui/EditorContentContainer/styles/mentions.js +4 -3
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/types/editor-appearance-component.d.ts +1 -0
- package/dist/types/types/editor-props.d.ts +7 -1
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea-compiled.d.ts +1 -0
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea-emotion.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +1 -0
- package/dist/types/ui/EditorContentContainer/styles/gapCursorStyles.d.ts +0 -7
- package/package.json +10 -10
|
@@ -222,7 +222,7 @@ export default function createUniversalPresetInternal(_ref) {
|
|
|
222
222
|
}], Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
|
|
223
223
|
menuDisabled: statusMenuDisabled,
|
|
224
224
|
allowZeroWidthSpaceAfter: true
|
|
225
|
-
}], Boolean(props.allowStatus)).maybeAdd([syncedBlockPlugin, props.syncBlock], Boolean(props.syncBlock)
|
|
225
|
+
}], Boolean(props.allowStatus)).maybeAdd([syncedBlockPlugin, props.syncBlock], Boolean(props.syncBlock)).maybeAdd(indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([toolbarListsIndentationPlugin, {
|
|
226
226
|
showIndentationButtons: !!props.showIndentationButtons,
|
|
227
227
|
allowHeadingAndParagraphIndentation: !!props.allowIndentation
|
|
228
228
|
}]).add([insertBlockPlugin, _objectSpread({
|
|
@@ -225,6 +225,7 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
225
225
|
isEditorToolbarHidden: isEditorToolbarHidden,
|
|
226
226
|
viewMode: state.editorViewMode,
|
|
227
227
|
hasHadInteraction: hasHadInteraction,
|
|
228
|
-
contentMode: props.contentMode
|
|
228
|
+
contentMode: props.contentMode,
|
|
229
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
229
230
|
}))));
|
|
230
231
|
};
|
|
@@ -108,7 +108,8 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
108
108
|
isScrollable: true,
|
|
109
109
|
appearance: props.appearance,
|
|
110
110
|
contentMode: props.contentMode,
|
|
111
|
-
useStandardNodeWidth: useStandardNodeWidth
|
|
111
|
+
useStandardNodeWidth: useStandardNodeWidth,
|
|
112
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
112
113
|
}, /*#__PURE__*/React.createElement(ClickAreaBlock, {
|
|
113
114
|
editorView: props.editorView,
|
|
114
115
|
editorDisabled: props.disabled
|
|
@@ -322,7 +322,8 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
322
322
|
isScrollable: true,
|
|
323
323
|
appearance: props.appearance,
|
|
324
324
|
contentMode: props.contentMode,
|
|
325
|
-
useStandardNodeWidth: useStandardNodeWidth
|
|
325
|
+
useStandardNodeWidth: useStandardNodeWidth,
|
|
326
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
326
327
|
}, jsx(ClickAreaBlock, {
|
|
327
328
|
editorView: props.editorView,
|
|
328
329
|
editorDisabled: props.disabled
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
.cc-i97p01 button.first-floating-toolbar-button:focus{outline:2px solid var(--ds-border-focused,#4688ec)}
|
|
64
64
|
.cc-2ea62a .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item, .cc-2ea62a .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-left:0;margin-right:0}
|
|
65
65
|
.cc-mit9c1 .ProseMirror .fabric-editor-font-size[data-font-size=small]{font:var(--editor-font-ugc-token-body-small)}.cc-mit9c1 .ProseMirror li:has(>.fabric-editor-font-size[data-font-size=small])::marker{font:var(--editor-font-ugc-token-body-small)}.cc-mit9c1 .ProseMirror [data-prosemirror-node-name=blockTaskItem]:has(.fabric-editor-font-size[data-font-size=small]){font:var(--editor-font-ugc-token-body-small)}.cc-mit9c1 .ProseMirror [data-prosemirror-node-name=blockTaskItem]:has(.fabric-editor-font-size[data-font-size=small]) .fabric-editor-font-size{font:inherit}
|
|
66
|
-
.cc-13nbxwv{flex-grow:1}.cc-13nbxwv{height:100%}.cc-13nbxwv{overflow-y:scroll}.cc-13nbxwv{position:relative}.cc-13nbxwv{display:flex}.cc-13nbxwv{flex-direction:column}.cc-13nbxwv{scroll-behavior:smooth}.cc-ly828t .ProseMirror
|
|
66
|
+
.cc-13nbxwv{flex-grow:1}.cc-13nbxwv{height:100%}.cc-13nbxwv{overflow-y:scroll}.cc-13nbxwv{position:relative}.cc-13nbxwv{display:flex}.cc-13nbxwv{flex-direction:column}.cc-13nbxwv{scroll-behavior:smooth}.cc-ly828t .ProseMirror .ProseMirror-gapcursor{display:none;pointer-events:none;position:relative}.cc-ly828t .ProseMirror .ProseMirror-gapcursor span{caret-color:transparent;position:absolute;height:100%;width:100%;display:block}.cc-ly828t .ProseMirror .ProseMirror-gapcursor span:after{animation-name:k1xnqtye;animation-duration:1s;animation-timing-function:step-start;animation-iteration-count:infinite;border-left:1px solid;content:"";display:block;position:absolute;top:0;height:100%}.cc-ly828t .ProseMirror .ProseMirror-gapcursor.-left span:after{left:var(--ds-space-negative-050,-4px)}.cc-ly828t .ProseMirror .ProseMirror-gapcursor.-right span:after{right:var(--ds-space-negative-050,-4px)}.cc-ly828t .ProseMirror .ProseMirror-gapcursor span[layout=fixed-width], .cc-ly828t .ProseMirror .ProseMirror-gapcursor span[layout=full-width], .cc-ly828t .ProseMirror .ProseMirror-gapcursor span[layout=wide]{margin-left:50%;transform:translateX(-50%)}.cc-ly828t .ProseMirror .ProseMirror-gapcursor[layout=wrap-right]{float:right}.cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+blockquote, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+ol, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+pre, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+span+blockquote, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+span+ol, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+span+pre, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+span+ul, .cc-ly828t .ProseMirror .ProseMirror-gapcursor:first-of-type+ul{margin-top:0}.cc-ly828t .ProseMirror.ProseMirror-focused .ProseMirror-gapcursor{display:block;border-color:transparent}.cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+[layout=wrap-right], .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right], .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+[layout=wrap-left], .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left], .cc-ly828t .ProseMirror-gapcursor[layout=wrap-left]+span+[layout=wrap-left], .cc-ly828t .ProseMirror-gapcursor[layout=wrap-right]+span+[layout=wrap-right], .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right], .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span [layout=wrap-right], .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left], .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]{clear:none}.cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+[layout=wrap-right]>div, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]>div, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+[layout=wrap-left]>div, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]>div, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]>div, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]>div, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]>div, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]>div{margin-right:0;margin-left:0;margin-bottom:0}.cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor{float:left}.cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]:after, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]:after, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]:after, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]:after, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]:after, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]+*, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-left]+span+[layout=wrap-right]+*>*, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]+*, .cc-ly828t .ProseMirror-gapcursor+[layout=wrap-right]+span+[layout=wrap-left]+*>*, .cc-ly828t .ProseMirror-widget:not([data-blocks-decoration-container=true]):not([data-blocks-drag-handle-container=true]):not([data-blocks-quick-insert-container=true])+.ProseMirror-gapcursor+*, .cc-ly828t .ProseMirror-widget:not([data-blocks-decoration-container=true]):not([data-blocks-drag-handle-container=true]):not([data-blocks-quick-insert-container=true])+.ProseMirror-gapcursor+span+*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+*>*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+span+*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]+span+*>*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]+*, .cc-ly828t [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]+*>*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]+*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]+*>*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]+span+*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+[layout=wrap-left]+span+*>*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]+*, .cc-ly828t [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]+*>*{margin-top:0}
|
|
67
67
|
.cc-1lytimn .ProseMirror:has(.ProseMirror-gapcursor){caret-color:transparent}
|
|
68
68
|
.cc-wzj3lo .gridParent{width:calc(100% + 24px);margin-left:var(--ds-space-negative-150,-9pt);margin-right:var(--ds-space-negative-150,-9pt);transform:scale(1);z-index:2}.cc-wzj3lo .gridContainer{position:fixed;height:100vh;width:100%;pointer-events:none}.cc-wzj3lo .gridLine{border-left:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24);display:inline-block;box-sizing:border-box;height:100%;margin-left:-1px;transition-property:border-color;transition-duration:.15s;transition-timing-function:linear;z-index:0}.cc-wzj3lo .highlight{border-left:1px solid var(--ds-border-focused,#4688ec)}
|
|
69
69
|
.cc-fb2yc7 .ProseMirror-hideselection{caret-color:transparent}
|
|
@@ -73,7 +73,6 @@
|
|
|
73
73
|
.cc-oocuhh .ProseMirror .inlineNodeView{display:inline;-webkit-user-select:all;user-select:all;white-space:nowrap}.cc-oocuhh .ProseMirror .inlineNodeView>:not(.zeroWidthSpaceContainer){white-space:pre-wrap}.cc-oocuhh .ProseMirror .inlineNodeView>.assistive{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-oocuhh .ProseMirror.ua-safari .inlineNodeView ::selection, .cc-oocuhh .ProseMirror.ua-safari .inlineNodeView::selection{background-color:transparent}.cc-oocuhh .ProseMirror.ua-chrome .inlineNodeView>span{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-oocuhh .ProseMirror .inlineNodeViewAddZeroWidthSpace:after{content:""}
|
|
74
74
|
.cc-vt5d4b .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0;transition:border-color .3s cubic-bezier(.15,1,.3,1);cursor:pointer}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]{flex-grow:1;flex-shrink:1;flex-basis:0%;position:relative;min-width:0;border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24);border-radius:var(--ds-radius-small,4px);padding:var(--ds-space-150,9pt);box-sizing:border-box}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.embedCardView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.mediaSingleView-content-wrap:first-of-type .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-child+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor.-right:first-of-type+.embedCardView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor.-right+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>.ProseMirror-gapcursor:first-child+span+.mediaSingleView-content-wrap .rich-media-item, .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>style:first-child+.ProseMirror-gapcursor+span+.mediaSingleView-content-wrap .rich-media-item{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column]>div>[data-node-type=decisionList] li:first-of-type [data-decision-wrapper]{margin-top:0}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content]{height:100%;cursor:text}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column] [data-layout-content] .mediaGroupView-content-wrap{clear:both}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content], .cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{display:flex;flex-direction:column}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=middle]>[data-layout-content]{justify-content:center}.cc-vt5d4b .ProseMirror [data-layout-section] [data-layout-column][data-valign=bottom]>[data-layout-content]{justify-content:flex-end}.cc-vt5d4b [data-blocks-drop-target-container]~[data-layout-column]>[data-layout-content]:before{display:none}.cc-vt5d4b .fabric-editor--full-width-mode .ProseMirror [data-layout-section] .pm-table-container{margin-top:0;margin-right:2px;margin-bottom:0;margin-left:2px}
|
|
75
75
|
.cc-nyj72m .ProseMirror [data-layout-section] [data-layout-column]{border:0}
|
|
76
|
-
.cc-f9lio7 .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -20px 0}.cc-f9lio7 .ProseMirror [data-layout-section] [data-layout-column]{padding-top:9pt;padding-right:20px;padding-bottom:9pt;padding-left:20px}
|
|
77
76
|
.cc-19l8fhf .ProseMirror [data-layout-section]{margin:var(--ds-space-100,8px) -20px 0}.cc-19l8fhf .ProseMirror [data-prosemirror-node-name=bodiedSyncBlock] [data-layout-section]{margin:var(--ds-space-100,8px) -9pt 0}.cc-19l8fhf .ProseMirror [data-layout-section] [data-layout-column]{padding-top:9pt;padding-right:20px;padding-bottom:9pt;padding-left:20px}
|
|
78
77
|
.cc-e9amqv .ProseMirror [data-layout-section] [data-layout-column]>div .pm-table-container{width:100%!important}
|
|
79
78
|
.cc-17tg3cb .layout-column-divider{margin-inline:-15px 0;flex-shrink:0;box-sizing:content-box;cursor:col-resize;position:relative;z-index:2;align-self:stretch;display:flex;align-items:center;justify-content:center}.cc-17tg3cb .layout-column-divider:hover .layout-column-divider-rail{background:var(--ds-background-selected,#e9f2fe)}.cc-17tg3cb .layout-column-divider:hover .layout-column-divider-thumb{background:var(--ds-border-focused,#4688ec)}.cc-17tg3cb .layout-column-divider-rail{width:7px;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-small,4px);transition:background-color .2s;pointer-events:none}.cc-17tg3cb .layout-column-divider-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);pointer-events:none;position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
|
|
@@ -105,13 +104,13 @@
|
|
|
105
104
|
.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))}
|
|
106
105
|
.cc-1uksm6h .fabric-editor--max-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--max-width-layout-width));--ak-editor--breakout-fallback-width:100%;--ak-editor--breakout-min-width:0px}
|
|
107
106
|
.cc-6n0n2h .fabric-editor-block-mark[class^=fabric-editor-align]{clear:none}.cc-6n0n2h .fabric-editor-align-end{text-align:right}.cc-6n0n2h .fabric-editor-align-start{text-align:left}.cc-6n0n2h .fabric-editor-align-center{text-align:center}.cc-6n0n2h .fabric-editor--full-width-mode .pm-table-container .code-block, .cc-6n0n2h .fabric-editor--full-width-mode .pm-table-container .extension-container, .cc-6n0n2h .fabric-editor--full-width-mode .pm-table-container .multiBodiedExtension--container{max-width:100%}
|
|
108
|
-
.cc-1vdr4vn .ProseMirror [data-media-caption]{margin-top:var(--ds-space-100,8px);position:relative}.cc-1vdr4vn .ProseMirror .captionView-content-wrap{text-align:center;color:var(--ds-text-subtle,#505258)}
|
|
107
|
+
.cc-1vdr4vn .ProseMirror [data-media-caption]{margin-top:var(--ds-space-100,8px);position:relative}.cc-1vdr4vn .ProseMirror .captionView-content-wrap{text-align:center;color:var(--ds-text-subtle,#505258)}
|
|
109
108
|
.cc-17or0mw .mediaSingleView-content-wrap span#caption-placeholder{font-size:var(--ak-editor-base-font-size)}
|
|
110
109
|
.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger .media-inline-image-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger>span>span[role=button]{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaGroupView-content-wrap.danger #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
|
|
111
110
|
.cc-pxnj3p .mediaGroupView-content-wrap ul{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
112
111
|
.cc-1al43g7 .ProseMirror li .rich-media-item{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.cc-1al43g7 .ProseMirror.ua-chrome li>.mediaSingleView-content-wrap:before{content:"";display:block;height:0}.cc-1al43g7 .ProseMirror.ua-firefox .mediaSingleView-content-wrap{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1al43g7 .ProseMirror.ua-firefox .captionView-content-wrap{-webkit-user-select:text;-ms-user-select:text;user-select:text}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout^=wrap-]{position:relative;z-index:2;max-width:100%;clear:inherit}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=center]{clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item{margin-top:var(--ds-space-150,9pt);margin-bottom:var(--ds-space-150,9pt);clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout], .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]{clear:none}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout]:first-child, .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]:first-child{margin-top:var(--ds-space-150,9pt)}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left{clear:both}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-right, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-right{margin-right:0;margin-left:0}@media (max-width:410px){.cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-right], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-right]{float:none;overflow-x:auto;overflow-y:auto;margin:var(--ds-space-150,9pt) 0}}.cc-1al43g7 .ProseMirror [layout=full-width] .rich-media-item, .cc-1al43g7 .ProseMirror [layout=wide] .rich-media-item{margin-left:50%;transform:translateX(-50%)}.cc-1al43g7 .ProseMirror .media-extended-resize-experience[layout^=wrap-]{overflow-x:visible!important;overflow-y:visible!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]{clear:none}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align], .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h1, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h2, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h3, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h4, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h5, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h6, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+p, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ul{clear:both!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-] .rich-media-item{margin-left:0;margin-right:0}.cc-1al43g7 .ProseMirror .media-inline-image-wrapper{height:22px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h1>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:36px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h2>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:31px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h3>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:25px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h4>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:23px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h5>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:20px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h6>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:18px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-left]{float:left}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]{float:right}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]+.mediaSingleView-content-wrap[layout=wrap-left]{clear:both}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-right{margin-right:-9pt}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-left{margin-left:-9pt}.cc-1al43g7 .pm-alt-text-alt-text-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.cc-1al43g7 .richMedia-resize-handle-left, .cc-1al43g7 .richMedia-resize-handle-right{display:flex;flex-direction:column;justify-content:center}.cc-1al43g7 .richMedia-resize-handle-right{align-items:flex-end;padding-right:var(--ds-space-150,9pt);margin-right:-4px}.cc-1al43g7 .richMedia-resize-handle-left{align-items:flex-start;padding-left:var(--ds-space-150,9pt);margin-left:-4px}.cc-1al43g7 .richMedia-resize-handle-left:after, .cc-1al43g7 .richMedia-resize-handle-right:after{content:" ";display:flex;width:3px;height:4pc;border-radius:var(--ds-radius-medium,6px)}.cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-right:after{background:var(--ds-border,#0b120e24)}.cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-left:after, .cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-right:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-left:hover:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-right:hover:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-right:after{background:var(--ds-border-focused,#4688ec)}.cc-1al43g7 .__resizable_base__{left:unset!important;width:auto!important;height:auto!important}.cc-1al43g7 .danger>div>div>.media-card-frame, .cc-1al43g7 .danger>span>a{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d);transition:background-color 0s,box-shadow 0s}.cc-1al43g7 .danger .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1al43g7 .danger .richMedia-resize-handle-left:after, .cc-1al43g7 .danger .richMedia-resize-handle-right:after{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .resizer-handle-thumb{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .inlineCardView-content-wrap>span>a, .cc-1al43g7 .danger div div .media-card-frame{background-color:var(--ds-blanket-danger,#ef5c4814);transition:background-color 0s}.cc-1al43g7 .danger div div .media-card-frame:after{box-shadow:none}.cc-1al43g7 .warning .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-warning,#e06c00)!important}.cc-1al43g7 .warning .resizer-handle-thumb{background:var(--ds-icon-warning,#e06c00)!important}.cc-1al43g7 .media-filmstrip-list-item{cursor:pointer}.cc-1al43g7 .mediaGroupView-content-wrap.ak-editor-selected-node #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}.cc-1al43g7 .ak-editor-no-interaction #newFileExperienceWrapper{box-shadow:none}
|
|
113
112
|
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}
|
|
114
|
-
.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:
|
|
113
|
+
.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:var(--ds-space-050,4px);overflow-x:hidden;overflow-y:hidden;border-radius:var(--ds-radius-full,9999px);vertical-align:-.125em}.cc-f3tkhc .editor-mention-avatar-fallback{vertical-align:.05em}.cc-f3tkhc .editor-mention-avatar-agent{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.cc-f3tkhc .editor-mention-avatar-image{display:block;width:100%;height:100%;object-fit:cover}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}
|
|
115
114
|
.cc-18wl5mr .danger .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::-moz-selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{color:var(--ds-text-subtle,#505258)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:hover{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}
|
|
116
115
|
.cc-1rxkxid .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;background-color:var(--ds-background-selected,#e9f2fe);color:var(--ds-text-subtle,#505258)}.cc-1rxkxid .danger .mentionView-content-wrap.ak-editor-selected-node>span>span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-1rxkxid .danger .mentionView-content-wrap>span>span>span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text-subtle,#505258)}
|
|
117
116
|
.cc-q1df3a .ProseMirror .ak-editor-panel .ak-editor-panel__content .ak-editor-panel{border:1px solid var(--ds-border,#0b120e24)}
|
|
@@ -126,7 +125,6 @@
|
|
|
126
125
|
.cc-1om7jhv .ProseMirror span[data-placeholder]{color:var(--ds-text-subtlest,#6b6e76);display:inline}.cc-1om7jhv .ProseMirror span.pm-placeholder{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder__text{display:inline;color:var(--ds-text-subtlest,#6b6e76)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node{background-color:var(--ds-background-selected,#e9f2fe)}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection, .cc-1om7jhv .ProseMirror span.pm-placeholder.ak-editor-selected-node::-moz-selection{background-color:transparent}.cc-1om7jhv .ProseMirror span.pm-placeholder__text[data-placeholder]:after{color:var(--ds-text-subtlest,#6b6e76);cursor:text;content:attr(data-placeholder);display:inline}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor{display:inline;pointer-events:none;position:relative}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-cursor:after{content:"";display:inline;top:0;position:absolute;border-right:1px solid var(--ds-border,#0b120e24)}.cc-1om7jhv .ProseMirror .ProseMirror-fake-text-selection{display:inline;pointer-events:none;position:relative;background-color:Highlight;color:HighlightText}
|
|
127
126
|
.cc-15lghdh .ProseMirror mark[data-type-ahead-query=true]:has(.placeholder-decoration-wrap){white-space:nowrap}
|
|
128
127
|
.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--left{left:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--right, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--right{right:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container{height:calc(100% - 4px)}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}.cc-lum87v .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}.cc-lum87v .pm-breakout-resize-handle-container{position:relative;align-self:end;grid-row:1;grid-column:1;height:100%;width:7px}.cc-lum87v .pm-breakout-resize-handle-container--left{justify-self:start}.cc-lum87v .pm-breakout-resize-handle-container--right{justify-self:end}.cc-lum87v .pm-breakout-resize-handle-rail{position:relative;display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);transition:background-color .2s,visibility .2s,opacity .2s;z-index:2;opacity:0}.cc-lum87v .pm-breakout-resize-handle-rail:hover{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-rail:hover .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-container--active{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-container--active .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-hit-box{position:absolute;top:0;bottom:0;left:-20px;right:-20px;z-index:0}.cc-lum87v .pm-breakout-resize-handle-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
|
|
129
|
-
.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-4kxami .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
|
|
130
128
|
.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-1tfwb0v .fabric-editor-breakout-mark:has(.first-node-in-document.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
|
|
131
129
|
.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
|
|
132
130
|
.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--left, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--left{left:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--right, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--right{right:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
|
|
@@ -238,7 +238,6 @@ var editorContentStyles = {
|
|
|
238
238
|
InlineNodeViewSharedStyles: "cc-oocuhh",
|
|
239
239
|
layoutBaseStyles: "cc-vt5d4b",
|
|
240
240
|
layoutBaseStylesAdvanced: "cc-nyj72m",
|
|
241
|
-
layoutBaseStylesNestedDnd: "cc-f9lio7",
|
|
242
241
|
layoutBaseStylesNestedDndExcludingBodiedSync: "cc-19l8fhf",
|
|
243
242
|
layoutBaseStylesWithTableExcerptsFix: "cc-e9amqv",
|
|
244
243
|
layoutColumnDividerStyles: "cc-17tg3cb",
|
|
@@ -292,7 +291,6 @@ var editorContentStyles = {
|
|
|
292
291
|
placeholderTextStyles: "cc-1om7jhv",
|
|
293
292
|
placeholderWrapStyles: "cc-15lghdh",
|
|
294
293
|
pragmaticResizerStyles: "cc-lum87v",
|
|
295
|
-
pragmaticResizerStylesCodeBlockLegacy: "cc-4kxami",
|
|
296
294
|
pragmaticResizerStylesCodeBlockSyncedBlockPatch: "cc-1tfwb0v",
|
|
297
295
|
pragmaticResizerStylesForTooltip: "cc-mn5fyk",
|
|
298
296
|
pragmaticResizerStylesSyncedBlock: "cc-kqyid",
|
|
@@ -396,13 +394,17 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
396
394
|
// Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
|
|
397
395
|
// root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
|
|
398
396
|
// For the legacy path, compute it from the Emotion theme as before.
|
|
399
|
-
var style =
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
'
|
|
405
|
-
|
|
397
|
+
var style = React.useMemo(function () {
|
|
398
|
+
return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
|
|
399
|
+
contain: 'strict'
|
|
400
|
+
} : {}), {}, {
|
|
401
|
+
'--ak-editor--table-overflow-shadow': tableOverflowShadow
|
|
402
|
+
}, tableCellBackgroundColorVariablesForCompiled), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
403
|
+
exposure: true
|
|
404
|
+
}) && {
|
|
405
|
+
'--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
|
|
406
|
+
});
|
|
407
|
+
}, [tableOverflowShadow, props.UNSAFE_containLayout]);
|
|
406
408
|
var browser = getBrowserInfo();
|
|
407
409
|
|
|
408
410
|
// Evaluate the block-spacing experiment once per render.
|
|
@@ -419,9 +421,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
419
421
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
420
422
|
exposure: true
|
|
421
423
|
}) && 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, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
422
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
423
|
-
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
424
|
-
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && editorContentStyles.layoutBaseStylesNestedDnd, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && 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]),
|
|
424
|
+
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, 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, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, 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) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, 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, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && 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
425
|
ref: ref,
|
|
426
426
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
427
427
|
"data-testid": "editor-content-container"
|
|
@@ -48,7 +48,7 @@ import { gapCursorStyles, gapCursorStylesVisibilityFix } from './styles/gapCurso
|
|
|
48
48
|
import { gridStyles } from './styles/gridStyles';
|
|
49
49
|
import { indentationStyles } from './styles/indentationStyles';
|
|
50
50
|
import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
|
|
51
|
-
import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix,
|
|
51
|
+
import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix, layoutColumnMartinTopFixes, layoutColumnDividerStyles, layoutColumnDividerStylesNestedDnD, layoutColumnResizeStyles, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutDragHandleWrapperStylesLegacy, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView, layoutSelectedStylesAdvancedFix, layoutBaseStylesNestedDndExcludingBodiedSync } from './styles/layout';
|
|
52
52
|
import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
|
|
53
53
|
import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
|
|
54
54
|
import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles, vanillaCaptionStyles } from './styles/mediaStyles';
|
|
@@ -56,7 +56,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
|
|
|
56
56
|
import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixinNestedDnd, panelViewStyles } from './styles/panelStyles';
|
|
57
57
|
import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
|
|
58
58
|
import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
|
|
59
|
-
import { pragmaticResizerStyles,
|
|
59
|
+
import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
|
|
60
60
|
import { dangerRuleStyles, ruleStyles } from './styles/rule';
|
|
61
61
|
import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
62
62
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
@@ -137,15 +137,19 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
137
137
|
// Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
|
|
138
138
|
// root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
|
|
139
139
|
// For the legacy path, compute it from the Emotion theme as before.
|
|
140
|
-
var style =
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
}),
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
'
|
|
148
|
-
|
|
140
|
+
var style = React.useMemo(function () {
|
|
141
|
+
return _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_containLayout ? {
|
|
142
|
+
contain: 'strict'
|
|
143
|
+
} : {}), !expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
|
|
144
|
+
'--ak-editor-base-font-size': "".concat(editorFontSize({
|
|
145
|
+
theme: theme
|
|
146
|
+
}), "px")
|
|
147
|
+
}), !editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
148
|
+
exposure: true
|
|
149
|
+
}) && {
|
|
150
|
+
'--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
|
|
151
|
+
});
|
|
152
|
+
}, [theme, props.UNSAFE_containLayout]);
|
|
149
153
|
var browser = getBrowserInfo();
|
|
150
154
|
|
|
151
155
|
// Evaluate the block-spacing experiment once per render.
|
|
@@ -278,7 +282,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
278
282
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
279
283
|
agentShimmerStyle,
|
|
280
284
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
281
|
-
gapCursorStyles,
|
|
285
|
+
gapCursorStyles,
|
|
282
286
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
283
287
|
gapCursorStylesVisibilityFix,
|
|
284
288
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -321,7 +325,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
321
325
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
322
326
|
expandStylesMixin_chromeless_expand_fix,
|
|
323
327
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
324
|
-
findReplaceStyles,
|
|
328
|
+
findReplaceStyles,
|
|
325
329
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
326
330
|
findReplaceStylesWithRefSyncBlock,
|
|
327
331
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -371,20 +375,20 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
371
375
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
372
376
|
layoutBaseStylesWithTableExcerptsFix,
|
|
373
377
|
// merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
|
|
374
|
-
fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
|
|
378
|
+
fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
|
|
375
379
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
376
|
-
syncBlockStylesBase,
|
|
380
|
+
syncBlockStylesBase,
|
|
377
381
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
378
382
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
379
383
|
!useStandardNodeWidth &&
|
|
380
384
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
381
385
|
syncBlockStyles,
|
|
382
386
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
383
|
-
|
|
387
|
+
syncBlockOverflowStyles,
|
|
384
388
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
385
|
-
syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
|
|
389
|
+
syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
|
|
386
390
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
387
|
-
syncBlockInteractiveCursorStyles,
|
|
391
|
+
syncBlockInteractiveCursorStyles,
|
|
388
392
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
389
393
|
syncBlockFirstNodeStyles,
|
|
390
394
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -410,17 +414,15 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
410
414
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
411
415
|
layoutSelectedStylesAdvanced :
|
|
412
416
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
413
|
-
layoutSelectedStylesNotAdvanced,
|
|
417
|
+
layoutSelectedStylesNotAdvanced,
|
|
414
418
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
415
419
|
layoutSelectedStylesAdvancedFix,
|
|
416
420
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
417
421
|
editorExperiment('advanced_layouts', true) && layoutColumnResponsiveStyles,
|
|
418
422
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
419
|
-
editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles,
|
|
420
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
421
|
-
layoutBaseStylesNestedDndExcludingBodiedSync :
|
|
423
|
+
editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles,
|
|
422
424
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
423
|
-
|
|
425
|
+
layoutBaseStylesNestedDndExcludingBodiedSync,
|
|
424
426
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
425
427
|
layoutColumnMartinTopFixes,
|
|
426
428
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -436,7 +438,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
436
438
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
437
439
|
linkStyles,
|
|
438
440
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
439
|
-
browser.safari && listsStylesSafariFix,
|
|
441
|
+
browser.safari && listsStylesSafariFix,
|
|
440
442
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
441
443
|
pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
|
|
442
444
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -446,11 +448,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
446
448
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
447
449
|
pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
|
|
448
450
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
449
|
-
editorExperiment('
|
|
450
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
451
|
-
pragmaticResizerStylesCodeBlockSyncedBlockPatch :
|
|
452
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
453
|
-
pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
451
|
+
pragmaticResizerStylesCodeBlockSyncedBlockPatch : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
454
452
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
455
453
|
pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
456
454
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -18,7 +18,6 @@ var gapCursorBlink = keyframes({
|
|
|
18
18
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
19
19
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
20
20
|
*/
|
|
21
|
-
export var hideCaretModifier = 'ProseMirror-hide-gapcursor';
|
|
22
21
|
var gapCursorSelector = '.ProseMirror-gapcursor';
|
|
23
22
|
var prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
|
|
24
23
|
var wrapLeft = '[layout="wrap-left"]';
|
|
@@ -38,10 +37,7 @@ var marginDeepChildrenFixSelector = "\n".concat(wrapLeft, " + ").concat(gapCurso
|
|
|
38
37
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
39
38
|
export var gapCursorStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
40
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
41
|
-
'.ProseMirror': _defineProperty(_defineProperty(
|
|
42
|
-
// Clean this up with platform_synced_block
|
|
43
|
-
caretColor: 'transparent'
|
|
44
|
-
}), gapCursorSelector, _defineProperty(_defineProperty({
|
|
40
|
+
'.ProseMirror': _defineProperty(_defineProperty({}, gapCursorSelector, _defineProperty(_defineProperty({
|
|
45
41
|
display: 'none',
|
|
46
42
|
pointerEvents: 'none',
|
|
47
43
|
position: 'relative',
|
|
@@ -84,8 +84,9 @@ export var mentionNodeStyles = css({
|
|
|
84
84
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
85
85
|
'.editor-mention-avatar': {
|
|
86
86
|
display: 'inline-flex',
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
// Track the inherited mention text size so avatars remain proportional in headings.
|
|
88
|
+
width: '1em',
|
|
89
|
+
height: '1em',
|
|
89
90
|
alignItems: 'center',
|
|
90
91
|
justifyContent: 'center',
|
|
91
92
|
flexShrink: 0,
|
|
@@ -96,7 +97,7 @@ export var mentionNodeStyles = css({
|
|
|
96
97
|
},
|
|
97
98
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
98
99
|
'.editor-mention-avatar-fallback': {
|
|
99
|
-
verticalAlign: '
|
|
100
|
+
verticalAlign: '0.05em'
|
|
100
101
|
},
|
|
101
102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
|
|
102
103
|
'.editor-mention-avatar-agent': {
|
|
@@ -53,5 +53,6 @@ export interface EditorAppearanceComponentProps<Plugins extends NextEditorPlugin
|
|
|
53
53
|
primaryToolbarIconBefore?: ReactElement;
|
|
54
54
|
providerFactory: ProviderFactory;
|
|
55
55
|
secondaryToolbarComponents?: UIComponentFactory[];
|
|
56
|
+
UNSAFE_containLayout?: boolean;
|
|
56
57
|
useStickyToolbar?: UseStickyToolbarType;
|
|
57
58
|
}
|
|
@@ -57,7 +57,6 @@ interface EditorBaseProps {
|
|
|
57
57
|
appearance?: EditorAppearance;
|
|
58
58
|
assistiveLabel?: string;
|
|
59
59
|
contentComponents?: ContentComponents;
|
|
60
|
-
isEditorModernisationEnabled?: boolean;
|
|
61
60
|
/**
|
|
62
61
|
* **WARNING** this attribute is not supported outside of Confluence Full Page editors
|
|
63
62
|
*
|
|
@@ -114,6 +113,7 @@ interface EditorBaseProps {
|
|
|
114
113
|
* @default 100
|
|
115
114
|
*/
|
|
116
115
|
inputSamplingLimit?: number;
|
|
116
|
+
isEditorModernisationEnabled?: boolean;
|
|
117
117
|
maxHeight?: number;
|
|
118
118
|
minHeight?: number;
|
|
119
119
|
onCancel?: (editorView: EditorView) => void;
|
|
@@ -155,6 +155,12 @@ interface EditorBaseProps {
|
|
|
155
155
|
secondaryToolbarComponents?: ReactComponents;
|
|
156
156
|
shouldFocus?: boolean;
|
|
157
157
|
skipValidation?: boolean;
|
|
158
|
+
/**
|
|
159
|
+
* Passing this prop enables `contain: strict` mode
|
|
160
|
+
* which drastically improves layout performance,
|
|
161
|
+
* but it requires that the size of a container is set, otherwise height will be 0.
|
|
162
|
+
*/
|
|
163
|
+
UNSAFE_containLayout?: boolean;
|
|
158
164
|
UNSAFE_useAnalyticsContext?: boolean;
|
|
159
165
|
/**
|
|
160
166
|
* @default undefined
|
|
@@ -45,6 +45,7 @@ interface FullPageEditorContentAreaProps {
|
|
|
45
45
|
popupsMountPoint: HTMLElement | undefined;
|
|
46
46
|
popupsScrollableElement: HTMLElement | undefined;
|
|
47
47
|
providerFactory: ProviderFactory;
|
|
48
|
+
UNSAFE_containLayout?: boolean;
|
|
48
49
|
viewMode: ViewMode | undefined;
|
|
49
50
|
wrapperElement: HTMLElement | null;
|
|
50
51
|
}
|
|
@@ -45,6 +45,7 @@ interface FullPageEditorContentAreaProps {
|
|
|
45
45
|
popupsMountPoint: HTMLElement | undefined;
|
|
46
46
|
popupsScrollableElement: HTMLElement | undefined;
|
|
47
47
|
providerFactory: ProviderFactory;
|
|
48
|
+
UNSAFE_containLayout?: boolean;
|
|
48
49
|
viewMode: ViewMode | undefined;
|
|
49
50
|
wrapperElement: HTMLElement | null;
|
|
50
51
|
}
|
|
@@ -12,6 +12,7 @@ export type EditorContentContainerProps = {
|
|
|
12
12
|
contentMode?: EditorContentMode;
|
|
13
13
|
featureFlags?: FeatureFlags;
|
|
14
14
|
isScrollable?: boolean;
|
|
15
|
+
UNSAFE_containLayout?: boolean;
|
|
15
16
|
/**
|
|
16
17
|
* When true, nodes maintain their standard width without negative margins
|
|
17
18
|
* For when the drag handle is visible and the editor has limited space.
|
|
@@ -11,6 +11,7 @@ export type EditorContentContainerProps = {
|
|
|
11
11
|
contentMode?: EditorContentMode;
|
|
12
12
|
featureFlags?: FeatureFlags;
|
|
13
13
|
isScrollable?: boolean;
|
|
14
|
+
UNSAFE_containLayout?: boolean;
|
|
14
15
|
/**
|
|
15
16
|
* When true, nodes maintain their standard width without negative margins
|
|
16
17
|
* For when the drag handle is visible and the editor has limited space.
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
import type { SerializedStyles } from '@emotion/react';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
4
|
-
* If you need to make changes here, also update the corresponding style in
|
|
5
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
6
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
7
|
-
*/
|
|
8
|
-
export declare const hideCaretModifier = "ProseMirror-hide-gapcursor";
|
|
9
2
|
/**
|
|
10
3
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
11
4
|
* If you need to make changes here, also update the corresponding style in
|