@atlaskit/editor-core 221.12.2 → 221.13.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 +25 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +5 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +3 -0
- package/dist/cjs/ui/EditorContentContainer/styles/agentShimmerStyles.js +88 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +5 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +3 -0
- package/dist/es2019/ui/EditorContentContainer/styles/agentShimmerStyles.js +81 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +5 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +3 -0
- package/dist/esm/ui/EditorContentContainer/styles/agentShimmerStyles.js +81 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/agentShimmerStyles.d.ts +2 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 221.13.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`895ac23f1a3be`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/895ac23f1a3be) -
|
|
8
|
+
Agent edit presence: surface agent-authored collaborative edits to other users.
|
|
9
|
+
- `collab-provider` detects agent-authored remote steps (`agentType`/`agentId`) and registers a
|
|
10
|
+
synthetic agent participant in the AI-provider (`agent:`) partition so the agent appears in
|
|
11
|
+
presence, with a 30s sliding inactivity window (CCI-18030). `editor-common` gains optional
|
|
12
|
+
`agentId`/`agentType` on the collab step types.
|
|
13
|
+
- `editor-plugin-collab-edit` + `editor-core` add the in-editor shimmer (CCI-18033): when an
|
|
14
|
+
agent-authored step lands, the top-level block(s) it touched are covered by a skeleton-loader
|
|
15
|
+
shimmer (grey skeleton with a moving highlight) with a Rovo agent telepointer/cursor — labelled
|
|
16
|
+
with the agent's type — at the end of the range, then removed on a timer to reveal the content.
|
|
17
|
+
Gated behind the default-OFF `platform_editor_agent_be_streaming` experiment; the `durationMs`
|
|
18
|
+
dynamic-config param controls how long the shimmer stays (0 disables it) and
|
|
19
|
+
`telepointerDisabled` hides the telepointer. `tmp-editor-statsig` registers the experiment.
|
|
20
|
+
- `ratcheting` excludes the new `agentShimmerStyles.ts` from the "No unsafe typography" rule (the
|
|
21
|
+
agent telepointer label mirrors the existing AI in-editor telepointer's sub-token 10px/9px
|
|
22
|
+
sizing, matching its already-excluded Compiled counterpart).
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 221.12.2
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:#cacbcf}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:#d8a0f7}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:#8fb8f6}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:#fd9891}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:#fbc828}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:#b3df72}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
|
|
187
187
|
.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{border-color:#63666b}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{border-color:#803fa5}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{border-color:#1558bc}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{border-color:#ae2e24}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{border-color:#9e4c00}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{border-color:#4c6b1f}
|
|
188
188
|
.cc-1kvcl18 .ProseMirror .telepointer{position:relative;transition-property:opacity;transition-duration:.2s}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){line-height:1.2;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-dim{opacity:.2}.cc-1kvcl18 .ProseMirror .telepointer.color-0{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-red-bolder,#c9372c)}.cc-1kvcl18 .ProseMirror .telepointer.color-1{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-blue-bolder,#1868db)}.cc-1kvcl18 .ProseMirror .telepointer.color-2{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}.cc-1kvcl18 .ProseMirror .telepointer.color-3{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-bolder,#946f00)}.cc-1kvcl18 .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-purple-bolder,#964ac0)}.cc-1kvcl18 .ProseMirror .telepointer.color-5{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-bolder,#ae4787)}.cc-1kvcl18 .ProseMirror .telepointer.color-6{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-teal-bolder,#227d9b)}.cc-1kvcl18 .ProseMirror .telepointer.color-7{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-orange-bolder,#bd5b00)}.cc-1kvcl18 .ProseMirror .telepointer.color-8{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-lime-bolder,#5b7f24)}.cc-1kvcl18 .ProseMirror .telepointer.color-9{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}.cc-1kvcl18 .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-blue-subtle,#669df1)}.cc-1kvcl18 .ProseMirror .telepointer.color-11{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-red-subtle,#f87168)}.cc-1kvcl18 .ProseMirror .telepointer.color-12{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}.cc-1kvcl18 .ProseMirror .telepointer.color-13{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-subtle,#eed12b)}.cc-1kvcl18 .ProseMirror .telepointer.color-14{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-green-subtle,#4bce97)}.cc-1kvcl18 .ProseMirror .telepointer.color-15{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}.cc-1kvcl18 .ProseMirror .telepointer.color-16{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-purple-subtle,#c97cf4)}.cc-1kvcl18 .ProseMirror .telepointer.color-17{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-subtle,#e774bb)}.cc-1kvcl18 .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-850000%;--telepointer-participant-background-second-stop:150000%}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]{background:linear-gradient(to bottom,var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop),transparent var(--telepointer-participant-background-second-stop))}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color);color:var(--telepointer-participant-text-color);border-color:var(--telepointer-participant-bg-color)}
|
|
189
|
-
.cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
|
|
189
|
+
.cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-134apo0 .ProseMirror .collab-agent-shimmer{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:kufr8jz;animation-timing-function:linear;background-color:var(--ds-skeleton,#0515240f);background-image:linear-gradient(90deg,var(--ds-skeleton,#0515240f) 0,var(--ds-skeleton-subtle,#17171708) 50%,var(--ds-skeleton,#0515240f) 100%);background-size:200% 100%;border-radius:var(--ds-radius-xsmall,2px);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;caret-color:transparent}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer{position:relative;z-index:1}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer>.ai-in-editor-telepointer-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ds-space-025,2px);gap:var(--ds-space-075,6px);height:1pc;top:var(--ds-space-0,0);left:var(--ds-space-0,0);border-radius:0 var(--ds-space-050,4px) var(--ds-space-050,4px) 0;border:var(--ds-border-width,1px) solid transparent;background:linear-gradient(var(--ds-text,#292a2e),var(--ds-text,#292a2e)) padding-box,conic-gradient(from 270deg at 50% 50%,#1868db 0deg,#1868db 115deg,#fca700 115deg,#fca700 180deg,#bf63f3 180deg,#bf63f3 310deg,#82b536 310deg,#82b536 359.96deg,#1868db 1turn) border-box;font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-weight:var(--ds-font-weight-semibold,600);font-size:10px;line-height:9px;text-align:center;white-space:pre;color:var(--ds-text-inverse,#fff)}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer:after{content:"";position:absolute;width:1px;height:24px;top:var(--ds-space-0,0);left:var(--ds-space-0,0);background:var(--ds-border-brand,#1868db)}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
|
|
190
190
|
.cc-aj20c0 .fabric-text-color-mark{color:var(--custom-palette-color,inherit)}.cc-aj20c0 a .fabric-text-color-mark{color:unset}
|
|
191
191
|
.cc-gju5dz .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb);box-shadow:0 -4px 0 var(--ds-background-danger,#ffeceb),0 4px 0 var(--ds-background-danger,#ffeceb)}
|
|
192
192
|
.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-left){padding-left:var(--ds-space-025,2px);margin-left:var(--ds-space-negative-025,-2px)}.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-right){padding-right:var(--ds-space-025,2px);margin-right:var(--ds-space-negative-025,-2px)}
|
|
@@ -203,6 +203,7 @@
|
|
|
203
203
|
@keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
|
|
204
204
|
@keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
|
|
205
205
|
@keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
|
|
206
|
+
@keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
|
|
206
207
|
@keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}
|
|
207
208
|
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
|
|
208
209
|
@property --panel-gradient-angle{syntax:"<angle>";initial-value:270deg;inherits:false}
|
|
@@ -112,6 +112,9 @@ var pulseIn = null;
|
|
|
112
112
|
var pulseOut = null;
|
|
113
113
|
var pulseInDuringTr = null;
|
|
114
114
|
var pulseOutDuringTr = null;
|
|
115
|
+
|
|
116
|
+
// Agent edit shimmer: skeleton-loader sweep across the agent-authored range.
|
|
117
|
+
var agentShimmer = null;
|
|
115
118
|
var syncBlockCreationLoadingKeyframes = null;
|
|
116
119
|
|
|
117
120
|
/**
|
|
@@ -343,6 +346,7 @@ var editorContentStyles = {
|
|
|
343
346
|
statusStylesTeam26DarkMode: "cc-1wgbbuq",
|
|
344
347
|
telepointerColorAndCommonStyle: "cc-1kvcl18",
|
|
345
348
|
telepointerColorAndCommonStyleDarkMode: "cc-rm5obe",
|
|
349
|
+
agentShimmerStyles: "cc-134apo0",
|
|
346
350
|
telepointerStyle: "cc-1uxxkh5",
|
|
347
351
|
textColorStyles: "cc-aj20c0",
|
|
348
352
|
textDangerStyles: "cc-gju5dz",
|
|
@@ -408,7 +412,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
|
|
|
408
412
|
}) && editorContentStyles.listSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
|
|
409
413
|
exposure: true
|
|
410
414
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, (0, _platformFeatureFlags.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 */
|
|
411
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
|
|
415
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
|
|
412
416
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
413
417
|
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, (0, _experiments.editorExperiment)('platform_editor_first_node_fix', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
414
418
|
ref: ref,
|
|
@@ -17,6 +17,7 @@ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equa
|
|
|
17
17
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
18
18
|
var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
|
|
19
19
|
var _getBaseFontSize = require("../../composable-editor/utils/getBaseFontSize");
|
|
20
|
+
var _agentShimmerStyles = require("./styles/agentShimmerStyles");
|
|
20
21
|
var _aiPanel = require("./styles/aiPanel");
|
|
21
22
|
var _annotationStyles = require("./styles/annotationStyles");
|
|
22
23
|
var _backgroundColorStyles = require("./styles/backgroundColorStyles");
|
|
@@ -269,6 +270,8 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
269
270
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
270
271
|
_telepointerStyles.telepointerColorAndCommonStyle,
|
|
271
272
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
273
|
+
_agentShimmerStyles.agentShimmerStyle,
|
|
274
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
272
275
|
_gapCursorStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
|
|
273
276
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
274
277
|
_gapCursorStyles.gapCursorStylesVisibilityFix,
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.agentShimmerStyle = void 0;
|
|
7
|
+
var _react = require("@emotion/react");
|
|
8
|
+
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
|
|
9
|
+
@repo/internal/deprecations/deprecation-ticket-required,
|
|
10
|
+
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
11
|
+
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
|
|
12
|
+
|
|
13
|
+
// Agent-edit shimmer (CCI-18033) styles, kept in their own file so they're easy to find and remove
|
|
14
|
+
// if the approach changes. Applied only when the `platform_editor_agent_be_streaming` experiment is
|
|
15
|
+
// on (the collab plugin adds the decorations); dormant otherwise.
|
|
16
|
+
//
|
|
17
|
+
// @deprecated This style has been migrated to Compiled CSS, under experiment
|
|
18
|
+
// platform_editor_core_static_css. If you change this, also update the corresponding
|
|
19
|
+
// `agentShimmerStyles` block in
|
|
20
|
+
// packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
21
|
+
|
|
22
|
+
// Skeleton-loader sweep across the agent-authored range.
|
|
23
|
+
var agentShimmer = (0, _react.keyframes)({
|
|
24
|
+
from: {
|
|
25
|
+
backgroundPosition: '200% 0'
|
|
26
|
+
},
|
|
27
|
+
to: {
|
|
28
|
+
backgroundPosition: '-200% 0'
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
33
|
+
var agentShimmerStyle = exports.agentShimmerStyle = (0, _react.css)({
|
|
34
|
+
// Skeleton-loader bar over the agent-authored range (text hidden, grey skeleton with a moving
|
|
35
|
+
// highlight), plus a Rovo AI telepointer/cursor at the end of the range.
|
|
36
|
+
'.ProseMirror .collab-agent-shimmer': {
|
|
37
|
+
animationDuration: '1.25s',
|
|
38
|
+
animationIterationCount: 'infinite',
|
|
39
|
+
animationName: agentShimmer,
|
|
40
|
+
animationTimingFunction: 'linear',
|
|
41
|
+
backgroundColor: "var(--ds-skeleton, #0515240F)",
|
|
42
|
+
backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-skeleton, #0515240F)", " 0%, ", "var(--ds-skeleton-subtle, #17171708)", " 50%, ", "var(--ds-skeleton, #0515240F)", " 100%)"),
|
|
43
|
+
backgroundSize: '200% 100%',
|
|
44
|
+
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
45
|
+
boxDecorationBreak: 'clone',
|
|
46
|
+
color: 'transparent',
|
|
47
|
+
caretColor: 'transparent'
|
|
48
|
+
},
|
|
49
|
+
'.ProseMirror .ai-in-editor-telepointer': {
|
|
50
|
+
position: 'relative',
|
|
51
|
+
zIndex: 1,
|
|
52
|
+
'& > .ai-in-editor-telepointer-label': {
|
|
53
|
+
position: 'absolute',
|
|
54
|
+
boxSizing: 'border-box',
|
|
55
|
+
display: 'flex',
|
|
56
|
+
flexDirection: 'row',
|
|
57
|
+
justifyContent: 'center',
|
|
58
|
+
alignItems: 'center',
|
|
59
|
+
padding: "var(--ds-space-025, 2px)",
|
|
60
|
+
gap: "var(--ds-space-075, 6px)",
|
|
61
|
+
height: 16,
|
|
62
|
+
top: "var(--ds-space-0, 0px)",
|
|
63
|
+
left: "var(--ds-space-0, 0px)",
|
|
64
|
+
borderRadius: "0 ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0"),
|
|
65
|
+
border: "var(--ds-border-width, 1px)".concat(" solid transparent"),
|
|
66
|
+
background: "linear-gradient(".concat("var(--ds-text, #292A2E)", ", ", "var(--ds-text, #292A2E)", ") padding-box, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg) border-box"),
|
|
67
|
+
fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
68
|
+
fontWeight: "var(--ds-font-weight-semibold, 600)",
|
|
69
|
+
// Match the AI in-editor telepointer label's fixed 10px/9px sizing (no exact typography token).
|
|
70
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
71
|
+
fontSize: 10,
|
|
72
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
73
|
+
lineHeight: '9px',
|
|
74
|
+
textAlign: 'center',
|
|
75
|
+
whiteSpace: 'pre',
|
|
76
|
+
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
77
|
+
},
|
|
78
|
+
'&::after': {
|
|
79
|
+
content: "''",
|
|
80
|
+
position: 'absolute',
|
|
81
|
+
width: 1,
|
|
82
|
+
height: 24,
|
|
83
|
+
top: "var(--ds-space-0, 0px)",
|
|
84
|
+
left: "var(--ds-space-0, 0px)",
|
|
85
|
+
background: "var(--ds-border-brand, #1868DB)"
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
});
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.name = void 0;
|
|
7
7
|
var name = exports.name = "@atlaskit/editor-core";
|
|
8
8
|
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
9
|
-
var version = exports.version = "221.12.
|
|
9
|
+
var version = exports.version = "221.12.2";
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:#cacbcf}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:#d8a0f7}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:#8fb8f6}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:#fd9891}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:#fbc828}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:#b3df72}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
|
|
187
187
|
.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{border-color:#63666b}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{border-color:#803fa5}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{border-color:#1558bc}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{border-color:#ae2e24}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{border-color:#9e4c00}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{border-color:#4c6b1f}
|
|
188
188
|
.cc-1kvcl18 .ProseMirror .telepointer{position:relative;transition-property:opacity;transition-duration:.2s}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){line-height:1.2;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-dim{opacity:.2}.cc-1kvcl18 .ProseMirror .telepointer.color-0{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-red-bolder,#c9372c)}.cc-1kvcl18 .ProseMirror .telepointer.color-1{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-blue-bolder,#1868db)}.cc-1kvcl18 .ProseMirror .telepointer.color-2{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}.cc-1kvcl18 .ProseMirror .telepointer.color-3{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-bolder,#946f00)}.cc-1kvcl18 .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-purple-bolder,#964ac0)}.cc-1kvcl18 .ProseMirror .telepointer.color-5{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-bolder,#ae4787)}.cc-1kvcl18 .ProseMirror .telepointer.color-6{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-teal-bolder,#227d9b)}.cc-1kvcl18 .ProseMirror .telepointer.color-7{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-orange-bolder,#bd5b00)}.cc-1kvcl18 .ProseMirror .telepointer.color-8{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-lime-bolder,#5b7f24)}.cc-1kvcl18 .ProseMirror .telepointer.color-9{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}.cc-1kvcl18 .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-blue-subtle,#669df1)}.cc-1kvcl18 .ProseMirror .telepointer.color-11{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-red-subtle,#f87168)}.cc-1kvcl18 .ProseMirror .telepointer.color-12{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}.cc-1kvcl18 .ProseMirror .telepointer.color-13{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-subtle,#eed12b)}.cc-1kvcl18 .ProseMirror .telepointer.color-14{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-green-subtle,#4bce97)}.cc-1kvcl18 .ProseMirror .telepointer.color-15{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}.cc-1kvcl18 .ProseMirror .telepointer.color-16{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-purple-subtle,#c97cf4)}.cc-1kvcl18 .ProseMirror .telepointer.color-17{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-subtle,#e774bb)}.cc-1kvcl18 .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-850000%;--telepointer-participant-background-second-stop:150000%}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]{background:linear-gradient(to bottom,var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop),transparent var(--telepointer-participant-background-second-stop))}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color);color:var(--telepointer-participant-text-color);border-color:var(--telepointer-participant-bg-color)}
|
|
189
|
-
.cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
|
|
189
|
+
.cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-134apo0 .ProseMirror .collab-agent-shimmer{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:kufr8jz;animation-timing-function:linear;background-color:var(--ds-skeleton,#0515240f);background-image:linear-gradient(90deg,var(--ds-skeleton,#0515240f) 0,var(--ds-skeleton-subtle,#17171708) 50%,var(--ds-skeleton,#0515240f) 100%);background-size:200% 100%;border-radius:var(--ds-radius-xsmall,2px);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;caret-color:transparent}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer{position:relative;z-index:1}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer>.ai-in-editor-telepointer-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ds-space-025,2px);gap:var(--ds-space-075,6px);height:1pc;top:var(--ds-space-0,0);left:var(--ds-space-0,0);border-radius:0 var(--ds-space-050,4px) var(--ds-space-050,4px) 0;border:var(--ds-border-width,1px) solid transparent;background:linear-gradient(var(--ds-text,#292a2e),var(--ds-text,#292a2e)) padding-box,conic-gradient(from 270deg at 50% 50%,#1868db 0deg,#1868db 115deg,#fca700 115deg,#fca700 180deg,#bf63f3 180deg,#bf63f3 310deg,#82b536 310deg,#82b536 359.96deg,#1868db 1turn) border-box;font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-weight:var(--ds-font-weight-semibold,600);font-size:10px;line-height:9px;text-align:center;white-space:pre;color:var(--ds-text-inverse,#fff)}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer:after{content:"";position:absolute;width:1px;height:24px;top:var(--ds-space-0,0);left:var(--ds-space-0,0);background:var(--ds-border-brand,#1868db)}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
|
|
190
190
|
.cc-aj20c0 .fabric-text-color-mark{color:var(--custom-palette-color,inherit)}.cc-aj20c0 a .fabric-text-color-mark{color:unset}
|
|
191
191
|
.cc-gju5dz .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb);box-shadow:0 -4px 0 var(--ds-background-danger,#ffeceb),0 4px 0 var(--ds-background-danger,#ffeceb)}
|
|
192
192
|
.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-left){padding-left:var(--ds-space-025,2px);margin-left:var(--ds-space-negative-025,-2px)}.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-right){padding-right:var(--ds-space-025,2px);margin-right:var(--ds-space-negative-025,-2px)}
|
|
@@ -203,6 +203,7 @@
|
|
|
203
203
|
@keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
|
|
204
204
|
@keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
|
|
205
205
|
@keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
|
|
206
|
+
@keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
|
|
206
207
|
@keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}
|
|
207
208
|
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
|
|
208
209
|
@property --panel-gradient-angle{syntax:"<angle>";initial-value:270deg;inherits:false}
|
|
@@ -163,6 +163,9 @@ const pulseIn = null;
|
|
|
163
163
|
const pulseOut = null;
|
|
164
164
|
const pulseInDuringTr = null;
|
|
165
165
|
const pulseOutDuringTr = null;
|
|
166
|
+
|
|
167
|
+
// Agent edit shimmer: skeleton-loader sweep across the agent-authored range.
|
|
168
|
+
const agentShimmer = null;
|
|
166
169
|
const syncBlockCreationLoadingKeyframes = null;
|
|
167
170
|
|
|
168
171
|
/**
|
|
@@ -394,6 +397,7 @@ const editorContentStyles = {
|
|
|
394
397
|
statusStylesTeam26DarkMode: "cc-1wgbbuq",
|
|
395
398
|
telepointerColorAndCommonStyle: "cc-1kvcl18",
|
|
396
399
|
telepointerColorAndCommonStyleDarkMode: "cc-rm5obe",
|
|
400
|
+
agentShimmerStyles: "cc-134apo0",
|
|
397
401
|
telepointerStyle: "cc-1uxxkh5",
|
|
398
402
|
textColorStyles: "cc-aj20c0",
|
|
399
403
|
textDangerStyles: "cc-gju5dz",
|
|
@@ -464,7 +468,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
464
468
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
465
469
|
exposure: true
|
|
466
470
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
467
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
471
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
468
472
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
469
473
|
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorExperiment('platform_editor_first_node_fix', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.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]),
|
|
470
474
|
ref: ref,
|
|
@@ -16,6 +16,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
|
|
|
16
16
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
17
17
|
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
18
18
|
import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
|
|
19
|
+
import { agentShimmerStyle } from './styles/agentShimmerStyles';
|
|
19
20
|
import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
|
|
20
21
|
import { annotationStyles } from './styles/annotationStyles';
|
|
21
22
|
import { backgroundColorStyles, highlightLinksUnsetStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
|
|
@@ -273,6 +274,8 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
273
274
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
274
275
|
telepointerColorAndCommonStyle,
|
|
275
276
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
277
|
+
agentShimmerStyle,
|
|
278
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
276
279
|
gapCursorStyles, editorExperiment('platform_synced_block', true) &&
|
|
277
280
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
278
281
|
gapCursorStylesVisibilityFix,
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
|
|
2
|
+
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
|
+
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
+
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
|
|
5
|
+
import { css, keyframes } from '@emotion/react';
|
|
6
|
+
// Agent-edit shimmer (CCI-18033) styles, kept in their own file so they're easy to find and remove
|
|
7
|
+
// if the approach changes. Applied only when the `platform_editor_agent_be_streaming` experiment is
|
|
8
|
+
// on (the collab plugin adds the decorations); dormant otherwise.
|
|
9
|
+
//
|
|
10
|
+
// @deprecated This style has been migrated to Compiled CSS, under experiment
|
|
11
|
+
// platform_editor_core_static_css. If you change this, also update the corresponding
|
|
12
|
+
// `agentShimmerStyles` block in
|
|
13
|
+
// packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
14
|
+
|
|
15
|
+
// Skeleton-loader sweep across the agent-authored range.
|
|
16
|
+
const agentShimmer = keyframes({
|
|
17
|
+
from: {
|
|
18
|
+
backgroundPosition: '200% 0'
|
|
19
|
+
},
|
|
20
|
+
to: {
|
|
21
|
+
backgroundPosition: '-200% 0'
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
26
|
+
export const agentShimmerStyle = css({
|
|
27
|
+
// Skeleton-loader bar over the agent-authored range (text hidden, grey skeleton with a moving
|
|
28
|
+
// highlight), plus a Rovo AI telepointer/cursor at the end of the range.
|
|
29
|
+
'.ProseMirror .collab-agent-shimmer': {
|
|
30
|
+
animationDuration: '1.25s',
|
|
31
|
+
animationIterationCount: 'infinite',
|
|
32
|
+
animationName: agentShimmer,
|
|
33
|
+
animationTimingFunction: 'linear',
|
|
34
|
+
backgroundColor: "var(--ds-skeleton, #0515240F)",
|
|
35
|
+
backgroundImage: `linear-gradient(90deg, ${"var(--ds-skeleton, #0515240F)"} 0%, ${"var(--ds-skeleton-subtle, #17171708)"} 50%, ${"var(--ds-skeleton, #0515240F)"} 100%)`,
|
|
36
|
+
backgroundSize: '200% 100%',
|
|
37
|
+
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
38
|
+
boxDecorationBreak: 'clone',
|
|
39
|
+
color: 'transparent',
|
|
40
|
+
caretColor: 'transparent'
|
|
41
|
+
},
|
|
42
|
+
'.ProseMirror .ai-in-editor-telepointer': {
|
|
43
|
+
position: 'relative',
|
|
44
|
+
zIndex: 1,
|
|
45
|
+
'& > .ai-in-editor-telepointer-label': {
|
|
46
|
+
position: 'absolute',
|
|
47
|
+
boxSizing: 'border-box',
|
|
48
|
+
display: 'flex',
|
|
49
|
+
flexDirection: 'row',
|
|
50
|
+
justifyContent: 'center',
|
|
51
|
+
alignItems: 'center',
|
|
52
|
+
padding: "var(--ds-space-025, 2px)",
|
|
53
|
+
gap: "var(--ds-space-075, 6px)",
|
|
54
|
+
height: 16,
|
|
55
|
+
top: "var(--ds-space-0, 0px)",
|
|
56
|
+
left: "var(--ds-space-0, 0px)",
|
|
57
|
+
borderRadius: `0 ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0`,
|
|
58
|
+
border: `${"var(--ds-border-width, 1px)"} solid transparent`,
|
|
59
|
+
background: `linear-gradient(${"var(--ds-text, #292A2E)"}, ${"var(--ds-text, #292A2E)"}) padding-box, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg) border-box`,
|
|
60
|
+
fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
61
|
+
fontWeight: "var(--ds-font-weight-semibold, 600)",
|
|
62
|
+
// Match the AI in-editor telepointer label's fixed 10px/9px sizing (no exact typography token).
|
|
63
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
64
|
+
fontSize: 10,
|
|
65
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
66
|
+
lineHeight: '9px',
|
|
67
|
+
textAlign: 'center',
|
|
68
|
+
whiteSpace: 'pre',
|
|
69
|
+
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
70
|
+
},
|
|
71
|
+
'&::after': {
|
|
72
|
+
content: "''",
|
|
73
|
+
position: 'absolute',
|
|
74
|
+
width: 1,
|
|
75
|
+
height: 24,
|
|
76
|
+
top: "var(--ds-space-0, 0px)",
|
|
77
|
+
left: "var(--ds-space-0, 0px)",
|
|
78
|
+
background: "var(--ds-border-brand, #1868DB)"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
});
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:#cacbcf}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:#d8a0f7}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:#8fb8f6}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:#fd9891}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:#fbc828}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:#b3df72}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
|
|
187
187
|
.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{border-color:#63666b}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{border-color:#803fa5}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{border-color:#1558bc}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{border-color:#ae2e24}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{border-color:#9e4c00}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{border-color:#4c6b1f}
|
|
188
188
|
.cc-1kvcl18 .ProseMirror .telepointer{position:relative;transition-property:opacity;transition-duration:.2s}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){line-height:1.2;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-dim{opacity:.2}.cc-1kvcl18 .ProseMirror .telepointer.color-0{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-red-bolder,#c9372c)}.cc-1kvcl18 .ProseMirror .telepointer.color-1{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-blue-bolder,#1868db)}.cc-1kvcl18 .ProseMirror .telepointer.color-2{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}.cc-1kvcl18 .ProseMirror .telepointer.color-3{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-bolder,#946f00)}.cc-1kvcl18 .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-purple-bolder,#964ac0)}.cc-1kvcl18 .ProseMirror .telepointer.color-5{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-bolder,#ae4787)}.cc-1kvcl18 .ProseMirror .telepointer.color-6{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-teal-bolder,#227d9b)}.cc-1kvcl18 .ProseMirror .telepointer.color-7{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-orange-bolder,#bd5b00)}.cc-1kvcl18 .ProseMirror .telepointer.color-8{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-lime-bolder,#5b7f24)}.cc-1kvcl18 .ProseMirror .telepointer.color-9{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}.cc-1kvcl18 .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-blue-subtle,#669df1)}.cc-1kvcl18 .ProseMirror .telepointer.color-11{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-red-subtle,#f87168)}.cc-1kvcl18 .ProseMirror .telepointer.color-12{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}.cc-1kvcl18 .ProseMirror .telepointer.color-13{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-subtle,#eed12b)}.cc-1kvcl18 .ProseMirror .telepointer.color-14{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-green-subtle,#4bce97)}.cc-1kvcl18 .ProseMirror .telepointer.color-15{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}.cc-1kvcl18 .ProseMirror .telepointer.color-16{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-purple-subtle,#c97cf4)}.cc-1kvcl18 .ProseMirror .telepointer.color-17{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-subtle,#e774bb)}.cc-1kvcl18 .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-850000%;--telepointer-participant-background-second-stop:150000%}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]{background:linear-gradient(to bottom,var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop),transparent var(--telepointer-participant-background-second-stop))}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color);color:var(--telepointer-participant-text-color);border-color:var(--telepointer-participant-bg-color)}
|
|
189
|
-
.cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
|
|
189
|
+
.cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-134apo0 .ProseMirror .collab-agent-shimmer{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:kufr8jz;animation-timing-function:linear;background-color:var(--ds-skeleton,#0515240f);background-image:linear-gradient(90deg,var(--ds-skeleton,#0515240f) 0,var(--ds-skeleton-subtle,#17171708) 50%,var(--ds-skeleton,#0515240f) 100%);background-size:200% 100%;border-radius:var(--ds-radius-xsmall,2px);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;caret-color:transparent}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer{position:relative;z-index:1}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer>.ai-in-editor-telepointer-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ds-space-025,2px);gap:var(--ds-space-075,6px);height:1pc;top:var(--ds-space-0,0);left:var(--ds-space-0,0);border-radius:0 var(--ds-space-050,4px) var(--ds-space-050,4px) 0;border:var(--ds-border-width,1px) solid transparent;background:linear-gradient(var(--ds-text,#292a2e),var(--ds-text,#292a2e)) padding-box,conic-gradient(from 270deg at 50% 50%,#1868db 0deg,#1868db 115deg,#fca700 115deg,#fca700 180deg,#bf63f3 180deg,#bf63f3 310deg,#82b536 310deg,#82b536 359.96deg,#1868db 1turn) border-box;font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-weight:var(--ds-font-weight-semibold,600);font-size:10px;line-height:9px;text-align:center;white-space:pre;color:var(--ds-text-inverse,#fff)}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer:after{content:"";position:absolute;width:1px;height:24px;top:var(--ds-space-0,0);left:var(--ds-space-0,0);background:var(--ds-border-brand,#1868db)}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
|
|
190
190
|
.cc-aj20c0 .fabric-text-color-mark{color:var(--custom-palette-color,inherit)}.cc-aj20c0 a .fabric-text-color-mark{color:unset}
|
|
191
191
|
.cc-gju5dz .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb);box-shadow:0 -4px 0 var(--ds-background-danger,#ffeceb),0 4px 0 var(--ds-background-danger,#ffeceb)}
|
|
192
192
|
.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-left){padding-left:var(--ds-space-025,2px);margin-left:var(--ds-space-negative-025,-2px)}.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-right){padding-right:var(--ds-space-025,2px);margin-right:var(--ds-space-negative-025,-2px)}
|
|
@@ -203,6 +203,7 @@
|
|
|
203
203
|
@keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
|
|
204
204
|
@keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
|
|
205
205
|
@keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
|
|
206
|
+
@keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
|
|
206
207
|
@keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}
|
|
207
208
|
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
|
|
208
209
|
@property --panel-gradient-angle{syntax:"<angle>";initial-value:270deg;inherits:false}
|
|
@@ -110,6 +110,9 @@ var pulseIn = null;
|
|
|
110
110
|
var pulseOut = null;
|
|
111
111
|
var pulseInDuringTr = null;
|
|
112
112
|
var pulseOutDuringTr = null;
|
|
113
|
+
|
|
114
|
+
// Agent edit shimmer: skeleton-loader sweep across the agent-authored range.
|
|
115
|
+
var agentShimmer = null;
|
|
113
116
|
var syncBlockCreationLoadingKeyframes = null;
|
|
114
117
|
|
|
115
118
|
/**
|
|
@@ -341,6 +344,7 @@ var editorContentStyles = {
|
|
|
341
344
|
statusStylesTeam26DarkMode: "cc-1wgbbuq",
|
|
342
345
|
telepointerColorAndCommonStyle: "cc-1kvcl18",
|
|
343
346
|
telepointerColorAndCommonStyleDarkMode: "cc-rm5obe",
|
|
347
|
+
agentShimmerStyles: "cc-134apo0",
|
|
344
348
|
telepointerStyle: "cc-1uxxkh5",
|
|
345
349
|
textColorStyles: "cc-aj20c0",
|
|
346
350
|
textDangerStyles: "cc-gju5dz",
|
|
@@ -406,7 +410,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
406
410
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
407
411
|
exposure: true
|
|
408
412
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
409
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
413
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
|
|
410
414
|
// Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
|
|
411
415
|
!useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorExperiment('platform_editor_first_node_fix', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.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]),
|
|
412
416
|
ref: ref,
|
|
@@ -19,6 +19,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
|
|
|
19
19
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
20
20
|
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
21
21
|
import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
|
|
22
|
+
import { agentShimmerStyle } from './styles/agentShimmerStyles';
|
|
22
23
|
import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
|
|
23
24
|
import { annotationStyles } from './styles/annotationStyles';
|
|
24
25
|
import { backgroundColorStyles, highlightLinksUnsetStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
|
|
@@ -266,6 +267,8 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
266
267
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
267
268
|
telepointerColorAndCommonStyle,
|
|
268
269
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
270
|
+
agentShimmerStyle,
|
|
271
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
269
272
|
gapCursorStyles, editorExperiment('platform_synced_block', true) &&
|
|
270
273
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
271
274
|
gapCursorStylesVisibilityFix,
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
|
|
2
|
+
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
|
+
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
+
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
|
|
5
|
+
import { css, keyframes } from '@emotion/react';
|
|
6
|
+
// Agent-edit shimmer (CCI-18033) styles, kept in their own file so they're easy to find and remove
|
|
7
|
+
// if the approach changes. Applied only when the `platform_editor_agent_be_streaming` experiment is
|
|
8
|
+
// on (the collab plugin adds the decorations); dormant otherwise.
|
|
9
|
+
//
|
|
10
|
+
// @deprecated This style has been migrated to Compiled CSS, under experiment
|
|
11
|
+
// platform_editor_core_static_css. If you change this, also update the corresponding
|
|
12
|
+
// `agentShimmerStyles` block in
|
|
13
|
+
// packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
14
|
+
|
|
15
|
+
// Skeleton-loader sweep across the agent-authored range.
|
|
16
|
+
var agentShimmer = keyframes({
|
|
17
|
+
from: {
|
|
18
|
+
backgroundPosition: '200% 0'
|
|
19
|
+
},
|
|
20
|
+
to: {
|
|
21
|
+
backgroundPosition: '-200% 0'
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
26
|
+
export var agentShimmerStyle = css({
|
|
27
|
+
// Skeleton-loader bar over the agent-authored range (text hidden, grey skeleton with a moving
|
|
28
|
+
// highlight), plus a Rovo AI telepointer/cursor at the end of the range.
|
|
29
|
+
'.ProseMirror .collab-agent-shimmer': {
|
|
30
|
+
animationDuration: '1.25s',
|
|
31
|
+
animationIterationCount: 'infinite',
|
|
32
|
+
animationName: agentShimmer,
|
|
33
|
+
animationTimingFunction: 'linear',
|
|
34
|
+
backgroundColor: "var(--ds-skeleton, #0515240F)",
|
|
35
|
+
backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-skeleton, #0515240F)", " 0%, ", "var(--ds-skeleton-subtle, #17171708)", " 50%, ", "var(--ds-skeleton, #0515240F)", " 100%)"),
|
|
36
|
+
backgroundSize: '200% 100%',
|
|
37
|
+
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
38
|
+
boxDecorationBreak: 'clone',
|
|
39
|
+
color: 'transparent',
|
|
40
|
+
caretColor: 'transparent'
|
|
41
|
+
},
|
|
42
|
+
'.ProseMirror .ai-in-editor-telepointer': {
|
|
43
|
+
position: 'relative',
|
|
44
|
+
zIndex: 1,
|
|
45
|
+
'& > .ai-in-editor-telepointer-label': {
|
|
46
|
+
position: 'absolute',
|
|
47
|
+
boxSizing: 'border-box',
|
|
48
|
+
display: 'flex',
|
|
49
|
+
flexDirection: 'row',
|
|
50
|
+
justifyContent: 'center',
|
|
51
|
+
alignItems: 'center',
|
|
52
|
+
padding: "var(--ds-space-025, 2px)",
|
|
53
|
+
gap: "var(--ds-space-075, 6px)",
|
|
54
|
+
height: 16,
|
|
55
|
+
top: "var(--ds-space-0, 0px)",
|
|
56
|
+
left: "var(--ds-space-0, 0px)",
|
|
57
|
+
borderRadius: "0 ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0"),
|
|
58
|
+
border: "var(--ds-border-width, 1px)".concat(" solid transparent"),
|
|
59
|
+
background: "linear-gradient(".concat("var(--ds-text, #292A2E)", ", ", "var(--ds-text, #292A2E)", ") padding-box, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg) border-box"),
|
|
60
|
+
fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
61
|
+
fontWeight: "var(--ds-font-weight-semibold, 600)",
|
|
62
|
+
// Match the AI in-editor telepointer label's fixed 10px/9px sizing (no exact typography token).
|
|
63
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
64
|
+
fontSize: 10,
|
|
65
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
66
|
+
lineHeight: '9px',
|
|
67
|
+
textAlign: 'center',
|
|
68
|
+
whiteSpace: 'pre',
|
|
69
|
+
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
70
|
+
},
|
|
71
|
+
'&::after': {
|
|
72
|
+
content: "''",
|
|
73
|
+
position: 'absolute',
|
|
74
|
+
width: 1,
|
|
75
|
+
height: 24,
|
|
76
|
+
top: "var(--ds-space-0, 0px)",
|
|
77
|
+
left: "var(--ds-space-0, 0px)",
|
|
78
|
+
background: "var(--ds-border-brand, #1868DB)"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "221.
|
|
3
|
+
"version": "221.13.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"uuid": "^3.1.0"
|
|
86
86
|
},
|
|
87
87
|
"peerDependencies": {
|
|
88
|
-
"@atlaskit/editor-common": "^116.
|
|
88
|
+
"@atlaskit/editor-common": "^116.36.0",
|
|
89
89
|
"@atlaskit/link-provider": "^5.2.0",
|
|
90
90
|
"@atlaskit/media-core": "^38.0.0",
|
|
91
91
|
"react": "^18.2.0",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"@atlaskit/adf-utils": "^20.3.0",
|
|
100
100
|
"@atlaskit/analytics-listeners": "^11.1.0",
|
|
101
101
|
"@atlaskit/code": "^18.2.0",
|
|
102
|
-
"@atlaskit/collab-provider": "^21.
|
|
102
|
+
"@atlaskit/collab-provider": "^21.1.0",
|
|
103
103
|
"@atlaskit/editor-plugin-annotation": "^12.0.0",
|
|
104
104
|
"@atlaskit/editor-plugin-card": "^18.2.0",
|
|
105
105
|
"@atlaskit/editor-plugin-list": "^14.1.0",
|