@atlaskit/editor-core 224.0.5 → 224.1.0
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 +32 -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 +2 -4
- 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/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 +2 -4
- 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/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 +2 -4
- 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/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 +5 -5
|
@@ -104,7 +104,8 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
104
104
|
isScrollable: true,
|
|
105
105
|
appearance: props.appearance,
|
|
106
106
|
contentMode: props.contentMode,
|
|
107
|
-
useStandardNodeWidth: useStandardNodeWidth
|
|
107
|
+
useStandardNodeWidth: useStandardNodeWidth,
|
|
108
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
108
109
|
}, /*#__PURE__*/React.createElement(ClickAreaBlock, {
|
|
109
110
|
editorView: props.editorView,
|
|
110
111
|
editorDisabled: props.disabled
|
|
@@ -324,7 +324,8 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
324
324
|
isScrollable: true,
|
|
325
325
|
appearance: props.appearance,
|
|
326
326
|
contentMode: props.contentMode,
|
|
327
|
-
useStandardNodeWidth: useStandardNodeWidth
|
|
327
|
+
useStandardNodeWidth: useStandardNodeWidth,
|
|
328
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
328
329
|
}, jsx(ClickAreaBlock, {
|
|
329
330
|
editorView: props.editorView,
|
|
330
331
|
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,7 +104,7 @@
|
|
|
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}
|
|
@@ -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)}
|
|
@@ -290,7 +290,6 @@ const editorContentStyles = {
|
|
|
290
290
|
InlineNodeViewSharedStyles: "cc-oocuhh",
|
|
291
291
|
layoutBaseStyles: "cc-vt5d4b",
|
|
292
292
|
layoutBaseStylesAdvanced: "cc-nyj72m",
|
|
293
|
-
layoutBaseStylesNestedDnd: "cc-f9lio7",
|
|
294
293
|
layoutBaseStylesNestedDndExcludingBodiedSync: "cc-19l8fhf",
|
|
295
294
|
layoutBaseStylesWithTableExcerptsFix: "cc-e9amqv",
|
|
296
295
|
layoutColumnDividerStyles: "cc-17tg3cb",
|
|
@@ -344,7 +343,6 @@ const editorContentStyles = {
|
|
|
344
343
|
placeholderTextStyles: "cc-1om7jhv",
|
|
345
344
|
placeholderWrapStyles: "cc-15lghdh",
|
|
346
345
|
pragmaticResizerStyles: "cc-lum87v",
|
|
347
|
-
pragmaticResizerStylesCodeBlockLegacy: "cc-4kxami",
|
|
348
346
|
pragmaticResizerStylesCodeBlockSyncedBlockPatch: "cc-1tfwb0v",
|
|
349
347
|
pragmaticResizerStylesForTooltip: "cc-mn5fyk",
|
|
350
348
|
pragmaticResizerStylesSyncedBlock: "cc-kqyid",
|
|
@@ -451,7 +449,10 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
451
449
|
// Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
|
|
452
450
|
// root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
|
|
453
451
|
// For the legacy path, compute it from the Emotion theme as before.
|
|
454
|
-
const style = {
|
|
452
|
+
const style = React.useMemo(() => ({
|
|
453
|
+
...(props.UNSAFE_containLayout ? {
|
|
454
|
+
contain: 'strict'
|
|
455
|
+
} : {}),
|
|
455
456
|
'--ak-editor--table-overflow-shadow': tableOverflowShadow,
|
|
456
457
|
...tableCellBackgroundColorVariablesForCompiled,
|
|
457
458
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -460,7 +461,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
460
461
|
}) && {
|
|
461
462
|
'--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
|
|
462
463
|
})
|
|
463
|
-
};
|
|
464
|
+
}), [tableOverflowShadow, props.UNSAFE_containLayout]);
|
|
464
465
|
const browser = getBrowserInfo();
|
|
465
466
|
|
|
466
467
|
// Evaluate the block-spacing experiment once per render.
|
|
@@ -477,9 +478,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
477
478
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
478
479
|
exposure: true
|
|
479
480
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, 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 */
|
|
480
|
-
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) &&
|
|
481
|
-
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
482
|
-
!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]),
|
|
481
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, 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]),
|
|
483
482
|
ref: ref,
|
|
484
483
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
485
484
|
"data-testid": "editor-content-container"
|
|
@@ -45,7 +45,7 @@ import { gapCursorStyles, gapCursorStylesVisibilityFix } from './styles/gapCurso
|
|
|
45
45
|
import { gridStyles } from './styles/gridStyles';
|
|
46
46
|
import { indentationStyles } from './styles/indentationStyles';
|
|
47
47
|
import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
|
|
48
|
-
import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesWithTableExcerptsFix,
|
|
48
|
+
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';
|
|
49
49
|
import { hyperLinkFloatingToolbarStyles, linkStyles } from './styles/link';
|
|
50
50
|
import { diffListStyles, getDenseListStyles, listItemHiddenMarkerStyles, listsStyles, listsStylesMarginLayoutShiftFix, listsStylesSafariFix } from './styles/list';
|
|
51
51
|
import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles, vanillaCaptionStyles } from './styles/mediaStyles';
|
|
@@ -53,7 +53,7 @@ import { mentionDangerStyles, mentionNodeStyles, mentionsSelectionStyles, mentio
|
|
|
53
53
|
import { nestedPanelBorderStylesMixin, nestedPanelDangerStyles, panelStyles, panelStylesMixin, panelStylesMixinNestedDnd, panelViewStyles } from './styles/panelStyles';
|
|
54
54
|
import { paragraphStylesUGCRefreshed, paragraphStylesWithScaledMargin } from './styles/paragraphStyles';
|
|
55
55
|
import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
|
|
56
|
-
import { pragmaticResizerStyles,
|
|
56
|
+
import { pragmaticResizerStyles, pragmaticResizerStylesCodeBlockSyncedBlockPatch, pragmaticResizerStylesExtensions, pragmaticResizerStylesForTooltip, pragmaticResizerStylesPanelAndRule, pragmaticResizerStylesSyncedBlock, pragmaticResizerStylesWithReducedEditorGutter, pragmaticStylesLayoutFirstNodeResizeHandleFix, resizerBottomHandleStyles, resizerStyles } from './styles/resizerStyles';
|
|
57
57
|
import { dangerRuleStyles, ruleStyles } from './styles/rule';
|
|
58
58
|
import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
59
59
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
@@ -139,7 +139,10 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
139
139
|
// Under the static-CSS experiment, --ak-editor-base-font-size is set earlier on the
|
|
140
140
|
// root div in editor-internal.tsx and inherited via the CSS cascade — do not set it here.
|
|
141
141
|
// For the legacy path, compute it from the Emotion theme as before.
|
|
142
|
-
const style = {
|
|
142
|
+
const style = React.useMemo(() => ({
|
|
143
|
+
...(props.UNSAFE_containLayout ? {
|
|
144
|
+
contain: 'strict'
|
|
145
|
+
} : {}),
|
|
143
146
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
144
147
|
...(!expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) && {
|
|
145
148
|
'--ak-editor-base-font-size': `${editorFontSize({
|
|
@@ -152,7 +155,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
152
155
|
}) && {
|
|
153
156
|
'--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
|
|
154
157
|
})
|
|
155
|
-
};
|
|
158
|
+
}), [theme, props.UNSAFE_containLayout]);
|
|
156
159
|
const browser = getBrowserInfo();
|
|
157
160
|
|
|
158
161
|
// Evaluate the block-spacing experiment once per render.
|
|
@@ -285,7 +288,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
285
288
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
286
289
|
agentShimmerStyle,
|
|
287
290
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
288
|
-
gapCursorStyles,
|
|
291
|
+
gapCursorStyles,
|
|
289
292
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
290
293
|
gapCursorStylesVisibilityFix,
|
|
291
294
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -328,7 +331,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
328
331
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
329
332
|
expandStylesMixin_chromeless_expand_fix,
|
|
330
333
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
331
|
-
findReplaceStyles,
|
|
334
|
+
findReplaceStyles,
|
|
332
335
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
333
336
|
findReplaceStylesWithRefSyncBlock,
|
|
334
337
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -378,20 +381,20 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
378
381
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
379
382
|
layoutBaseStylesWithTableExcerptsFix,
|
|
380
383
|
// merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
|
|
381
|
-
fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
|
|
384
|
+
fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles,
|
|
382
385
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
383
|
-
syncBlockStylesBase,
|
|
386
|
+
syncBlockStylesBase,
|
|
384
387
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
385
388
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
386
389
|
!useStandardNodeWidth &&
|
|
387
390
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
388
391
|
syncBlockStyles,
|
|
389
392
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
390
|
-
|
|
393
|
+
syncBlockOverflowStyles,
|
|
391
394
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
392
|
-
syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
|
|
395
|
+
syncBlockTextSelectionStyles, isSyncBlockActivationEnabled &&
|
|
393
396
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
394
|
-
syncBlockInteractiveCursorStyles,
|
|
397
|
+
syncBlockInteractiveCursorStyles,
|
|
395
398
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
396
399
|
syncBlockFirstNodeStyles,
|
|
397
400
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -417,17 +420,15 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
417
420
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
418
421
|
layoutSelectedStylesAdvanced :
|
|
419
422
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
420
|
-
layoutSelectedStylesNotAdvanced,
|
|
423
|
+
layoutSelectedStylesNotAdvanced,
|
|
421
424
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
422
425
|
layoutSelectedStylesAdvancedFix,
|
|
423
426
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
424
427
|
editorExperiment('advanced_layouts', true) && layoutColumnResponsiveStyles,
|
|
425
428
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
426
|
-
editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles,
|
|
429
|
+
editorExperiment('advanced_layouts', true) && layoutResponsiveBaseStyles,
|
|
427
430
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
428
|
-
layoutBaseStylesNestedDndExcludingBodiedSync
|
|
429
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
430
|
-
layoutBaseStylesNestedDnd,
|
|
431
|
+
layoutBaseStylesNestedDndExcludingBodiedSync,
|
|
431
432
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
432
433
|
layoutColumnMartinTopFixes,
|
|
433
434
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -443,7 +444,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
443
444
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
444
445
|
linkStyles,
|
|
445
446
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
446
|
-
browser.safari && listsStylesSafariFix,
|
|
447
|
+
browser.safari && listsStylesSafariFix,
|
|
447
448
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
448
449
|
pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
|
|
449
450
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -453,11 +454,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
453
454
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
454
455
|
pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ?
|
|
455
456
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
456
|
-
editorExperiment('
|
|
457
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
458
|
-
pragmaticResizerStylesCodeBlockSyncedBlockPatch :
|
|
459
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
460
|
-
pragmaticResizerStylesCodeBlockLegacy : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
457
|
+
pragmaticResizerStylesCodeBlockSyncedBlockPatch : undefined, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
461
458
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
462
459
|
pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) &&
|
|
463
460
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -17,7 +17,6 @@ const gapCursorBlink = keyframes({
|
|
|
17
17
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
18
18
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
19
19
|
*/
|
|
20
|
-
export const hideCaretModifier = 'ProseMirror-hide-gapcursor';
|
|
21
20
|
const gapCursorSelector = '.ProseMirror-gapcursor';
|
|
22
21
|
const prosemirrorwidgetNotBlock = '.ProseMirror-widget:not([data-blocks-decoration-container="true"]):not([data-blocks-drag-handle-container="true"]):not([data-blocks-quick-insert-container="true"])';
|
|
23
22
|
const wrapLeft = '[layout="wrap-left"]';
|
|
@@ -92,11 +91,6 @@ ${wrapLeft} + ${gapCursorSelector} + ${wrapRight} + *,
|
|
|
92
91
|
export const gapCursorStyles = css({
|
|
93
92
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
94
93
|
'.ProseMirror': {
|
|
95
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
96
|
-
[`&.${hideCaretModifier}`]: {
|
|
97
|
-
// Clean this up with platform_synced_block
|
|
98
|
-
caretColor: 'transparent'
|
|
99
|
-
},
|
|
100
94
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
101
95
|
[gapCursorSelector]: {
|
|
102
96
|
display: 'none',
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -12,7 +11,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents'
|
|
|
12
11
|
import { ACTION } from '@atlaskit/editor-common/analytics';
|
|
13
12
|
import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
|
|
14
13
|
import { getAnalyticsAppearance } from '@atlaskit/editor-common/utils/analytics';
|
|
15
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
16
14
|
import EditorActions from '../actions';
|
|
17
15
|
import { useEditorContext } from '../ui/EditorContext';
|
|
18
16
|
import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
|
|
@@ -84,7 +82,7 @@ function Editor(passedProps) {
|
|
|
84
82
|
onSaveFromProps(view);
|
|
85
83
|
}
|
|
86
84
|
}, [onSaveFromProps]);
|
|
87
|
-
var isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width'
|
|
85
|
+
var isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width', 'max'].includes(props.appearance));
|
|
88
86
|
return /*#__PURE__*/React.createElement(Fragment, null, isFullPageAppearance ? /*#__PURE__*/React.createElement(EditorINPMetrics, {
|
|
89
87
|
editorViewRef: editorViewRef
|
|
90
88
|
}) : null, /*#__PURE__*/React.createElement(EditorInternal, {
|
|
@@ -124,7 +124,8 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
|
|
|
124
124
|
featureFlags: featureFlags,
|
|
125
125
|
pluginHooks: config.pluginHooks,
|
|
126
126
|
__livePage: props.__livePage,
|
|
127
|
-
preset: preset
|
|
127
|
+
preset: preset,
|
|
128
|
+
UNSAFE_containLayout: props.UNSAFE_containLayout
|
|
128
129
|
}));
|
|
129
130
|
}
|
|
130
131
|
}), /*#__PURE__*/React.createElement(PortalRenderer, null), /*#__PURE__*/React.createElement(NodeViewPortalRenderer, null)))))));
|
|
@@ -104,7 +104,8 @@ export var useMemoEditorProps = function useMemoEditorProps(passedProps) {
|
|
|
104
104
|
skipValidation: passedProps.skipValidation,
|
|
105
105
|
syncBlock: passedProps.syncBlock,
|
|
106
106
|
syncedBlockProvider: passedProps.syncedBlockProvider,
|
|
107
|
-
pasteWarningOptions: passedProps.pasteWarningOptions
|
|
107
|
+
pasteWarningOptions: passedProps.pasteWarningOptions,
|
|
108
|
+
UNSAFE_containLayout: passedProps.UNSAFE_containLayout
|
|
108
109
|
};
|
|
109
110
|
var defaultProps = {
|
|
110
111
|
appearance: 'comment',
|
|
@@ -113,7 +114,7 @@ export var useMemoEditorProps = function useMemoEditorProps(passedProps) {
|
|
|
113
114
|
};
|
|
114
115
|
var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
|
|
115
116
|
return nextProps;
|
|
116
|
-
}, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
|
|
117
|
+
}, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions, passedProps.UNSAFE_containLayout]);
|
|
117
118
|
return memodProps;
|
|
118
119
|
};
|
|
119
120
|
|
|
@@ -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,7 +104,7 @@
|
|
|
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}
|
|
@@ -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)}
|