@atlaskit/editor-core 226.0.3 → 226.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -4
- package/dist/cjs/ui/EditorContentContainer/styles/firstBlockNodeStyles.js +2 -4
- package/dist/cjs/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +45 -0
- package/dist/cjs/ui/quick-insert/ExtensionQuickInsertIcon.js +5 -2
- package/dist/cjs/ui/quick-insert/ExtensionQuickInsertMenuItem.js +1 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -2
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -4
- package/dist/es2019/ui/EditorContentContainer/styles/firstBlockNodeStyles.js +2 -4
- package/dist/es2019/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +46 -1
- package/dist/es2019/ui/quick-insert/ExtensionQuickInsertIcon.js +4 -1
- package/dist/es2019/ui/quick-insert/ExtensionQuickInsertMenuItem.js +1 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +3 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +4 -4
- package/dist/esm/ui/EditorContentContainer/styles/firstBlockNodeStyles.js +2 -4
- package/dist/esm/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/mentions.js +46 -1
- package/dist/esm/ui/quick-insert/ExtensionQuickInsertIcon.js +5 -2
- package/dist/esm/ui/quick-insert/ExtensionQuickInsertMenuItem.js +1 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/firstBlockNodeStyles.d.ts +2 -4
- package/dist/types/ui/EditorContentContainer/styles/layout.d.ts +1 -1
- package/dist/types/ui/quick-insert/ExtensionQuickInsertIcon.d.ts +2 -1
- package/package.json +7 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 226.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e25ceefc49864`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e25ceefc49864) -
|
|
8
|
+
Style agent mentions based on their run-state, with mention pills showing a shimmer when agent is
|
|
9
|
+
in the "analysing" state. Changes are gated behind the `platform_editor_agent_mention_state_anim`
|
|
10
|
+
experiment.
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 226.1.0
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- [`6f957d4e7bcb8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6f957d4e7bcb8) -
|
|
18
|
+
Make layout column resizing generally available
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- [`f745000fb169b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f745000fb169b) -
|
|
23
|
+
Permanently apply the first editor node margin fix and remove the `platform_editor_first_node_fix`
|
|
24
|
+
experiment.
|
|
25
|
+
- [`02f23e888be02`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02f23e888be02) -
|
|
26
|
+
Use core icons for slash-menu items when platform_editor_slash_command is enabled.
|
|
27
|
+
- Updated dependencies
|
|
28
|
+
|
|
3
29
|
## 226.0.3
|
|
4
30
|
|
|
5
31
|
### Patch Changes
|
|
@@ -109,8 +109,8 @@
|
|
|
109
109
|
.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger .media-inline-image-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger>span>span[role=button]{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaGroupView-content-wrap.danger #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
|
|
110
110
|
.cc-pxnj3p .mediaGroupView-content-wrap ul{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
111
111
|
.cc-1al43g7 .ProseMirror li .rich-media-item{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.cc-1al43g7 .ProseMirror.ua-chrome li>.mediaSingleView-content-wrap:before{content:"";display:block;height:0}.cc-1al43g7 .ProseMirror.ua-firefox .mediaSingleView-content-wrap{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1al43g7 .ProseMirror.ua-firefox .captionView-content-wrap{-webkit-user-select:text;-ms-user-select:text;user-select:text}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout^=wrap-]{position:relative;z-index:2;max-width:100%;clear:inherit}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=center]{clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item{margin-top:var(--ds-space-150,9pt);margin-bottom:var(--ds-space-150,9pt);clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout], .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]{clear:none}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout]:first-child, .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]:first-child{margin-top:var(--ds-space-150,9pt)}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left{clear:both}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-right, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-right{margin-right:0;margin-left:0}@media (max-width:410px){.cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-right], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-right]{float:none;overflow-x:auto;overflow-y:auto;margin:var(--ds-space-150,9pt) 0}}.cc-1al43g7 .ProseMirror [layout=full-width] .rich-media-item, .cc-1al43g7 .ProseMirror [layout=wide] .rich-media-item{margin-left:50%;transform:translateX(-50%)}.cc-1al43g7 .ProseMirror .media-extended-resize-experience[layout^=wrap-]{overflow-x:visible!important;overflow-y:visible!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]{clear:none}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align], .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h1, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h2, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h3, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h4, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h5, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h6, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+p, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ul{clear:both!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-] .rich-media-item{margin-left:0;margin-right:0}.cc-1al43g7 .ProseMirror .media-inline-image-wrapper{height:22px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h1>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:36px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h2>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:31px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h3>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:25px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h4>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:23px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h5>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:20px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h6>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:18px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-left]{float:left}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]{float:right}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]+.mediaSingleView-content-wrap[layout=wrap-left]{clear:both}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-right{margin-right:-9pt}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-left{margin-left:-9pt}.cc-1al43g7 .pm-alt-text-alt-text-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.cc-1al43g7 .richMedia-resize-handle-left, .cc-1al43g7 .richMedia-resize-handle-right{display:flex;flex-direction:column;justify-content:center}.cc-1al43g7 .richMedia-resize-handle-right{align-items:flex-end;padding-right:var(--ds-space-150,9pt);margin-right:-4px}.cc-1al43g7 .richMedia-resize-handle-left{align-items:flex-start;padding-left:var(--ds-space-150,9pt);margin-left:-4px}.cc-1al43g7 .richMedia-resize-handle-left:after, .cc-1al43g7 .richMedia-resize-handle-right:after{content:" ";display:flex;width:3px;height:4pc;border-radius:var(--ds-radius-medium,6px)}.cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-right:after{background:var(--ds-border,#0b120e24)}.cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-left:after, .cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-right:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-left:hover:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-right:hover:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-right:after{background:var(--ds-border-focused,#4688ec)}.cc-1al43g7 .__resizable_base__{left:unset!important;width:auto!important;height:auto!important}.cc-1al43g7 .danger>div>div>.media-card-frame, .cc-1al43g7 .danger>span>a{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d);transition:background-color 0s,box-shadow 0s}.cc-1al43g7 .danger .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1al43g7 .danger .richMedia-resize-handle-left:after, .cc-1al43g7 .danger .richMedia-resize-handle-right:after{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .resizer-handle-thumb{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .inlineCardView-content-wrap>span>a, .cc-1al43g7 .danger div div .media-card-frame{background-color:var(--ds-blanket-danger,#ef5c4814);transition:background-color 0s}.cc-1al43g7 .danger div div .media-card-frame:after{box-shadow:none}.cc-1al43g7 .warning .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-warning,#e06c00)!important}.cc-1al43g7 .warning .resizer-handle-thumb{background:var(--ds-icon-warning,#e06c00)!important}.cc-1al43g7 .media-filmstrip-list-item{cursor:pointer}.cc-1al43g7 .mediaGroupView-content-wrap.ak-editor-selected-node #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}.cc-1al43g7 .ak-editor-no-interaction #newFileExperienceWrapper{box-shadow:none}
|
|
112
|
-
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}
|
|
113
|
-
.cc-
|
|
112
|
+
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color,var(--ds-border-accent-purple,#af59e1))}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:var(--ds-space-050,4px);overflow-x:hidden;overflow-y:hidden;border-radius:var(--ds-radius-full,9999px);vertical-align:-.125em}.cc-f3tkhc .editor-mention-avatar-fallback{vertical-align:.05em}.cc-f3tkhc .editor-mention-avatar-agent{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.cc-f3tkhc .editor-mention-avatar-image{display:block;width:100%;height:100%;object-fit:cover}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .agent-mention-analysing-state .editor-mention-primitive{background-image:linear-gradient(90deg,#ebebeb 35%,var(--ds-surface-hovered,#f0f1f2) 45%,var(--ds-surface-hovered,#f0f1f2) 55%,#ebebeb 65%);background-size:200% 100%;animation-name:kufr8jz;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear}@media (prefers-reduced-motion:reduce){.cc-f3tkhc .agent-mention-analysing-state .editor-mention-primitive{animation:none}}.cc-f3tkhc .agent-mention-analysing-state .editor-mention-text{background-image:linear-gradient(90deg,var(--ds-text,#292a2e) 35%,var(--ds-text-subtle,#505258) 45%,var(--ds-background-accent-gray-subtler-hovered,#b7b9be) 50%,var(--ds-text-subtle,#505258) 55%,var(--ds-text,#292a2e) 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation-name:kufr8jz;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear}
|
|
113
|
+
.cc-d99ako .agent-mention-analysing-state .editor-mention-primitive{background-image:linear-gradient(90deg,var(--ds-surface-pressed,#dddee1) 35%,var(--ds-surface-raised,#fff) 45%,var(--ds-surface-raised,#fff) 55%,var(--ds-surface-pressed,#dddee1) 65%)}
|
|
114
114
|
.cc-18wl5mr .danger .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::-moz-selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{color:var(--ds-text-subtle,#505258)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:hover{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}
|
|
115
115
|
.cc-1rxkxid .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;background-color:var(--ds-background-selected,#e9f2fe);color:var(--ds-text-subtle,#505258)}.cc-1rxkxid .danger .mentionView-content-wrap.ak-editor-selected-node>span>span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-1rxkxid .danger .mentionView-content-wrap>span>span>span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text-subtle,#505258)}
|
|
116
116
|
.cc-q1df3a .ProseMirror .ak-editor-panel .ak-editor-panel__content .ak-editor-panel{border:1px solid var(--ds-border,#0b120e24)}
|
|
@@ -126,6 +126,7 @@ var agentShimmer = null;
|
|
|
126
126
|
// them back out over the highlight's lifetime (duration set inline per-decoration to match removal).
|
|
127
127
|
var agentEditHighlight = null;
|
|
128
128
|
var syncBlockCreationLoadingKeyframes = null;
|
|
129
|
+
var mentionRunShimmer = null;
|
|
129
130
|
|
|
130
131
|
/**
|
|
131
132
|
* aiPanelStyles
|
|
@@ -277,6 +278,7 @@ var editorContentStyles = {
|
|
|
277
278
|
mediaStyles: "cc-1al43g7",
|
|
278
279
|
mentionDangerStyles: "cc-t8jrt0",
|
|
279
280
|
mentionNodeStyles: "cc-f3tkhc",
|
|
281
|
+
agentMentionShimmerDarkMode: "cc-d99ako",
|
|
280
282
|
mentionsSelectionStyles: "cc-18wl5mr",
|
|
281
283
|
mentionsStyles: "cc-1rxkxid",
|
|
282
284
|
nestedPanelBorderStylesMixin: "cc-q1df3a",
|
|
@@ -420,7 +422,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
|
|
|
420
422
|
}) && editorContentStyles.listSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
|
|
421
423
|
exposure: true
|
|
422
424
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, (0, _fg.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 */
|
|
423
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _fg.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && 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, _fg.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) && 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, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _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, _fg.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, (0, _expValEquals.expValEquals)('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, 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]),
|
|
425
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _fg.fg)('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _fg.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && 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, _fg.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _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, _fg.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, 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]),
|
|
424
426
|
ref: ref,
|
|
425
427
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
426
428
|
"data-testid": "editor-content-container"
|
|
@@ -402,15 +402,15 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
402
402
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
403
403
|
_layout.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _fg.fg)('platform-dst-top-layer-tooltip') &&
|
|
404
404
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
405
|
-
_layout.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) &&
|
|
405
|
+
_layout.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) &&
|
|
406
406
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
407
|
-
_layout.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) &&
|
|
407
|
+
_layout.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) &&
|
|
408
408
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
409
409
|
_layout.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
|
|
410
410
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
411
411
|
_layout.layoutColumnStylesAdvanced :
|
|
412
412
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
413
|
-
_layout.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) &&
|
|
413
|
+
_layout.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) &&
|
|
414
414
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
415
415
|
_layout.layoutColumnResizeStyles,
|
|
416
416
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -496,7 +496,7 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
|
|
|
496
496
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
497
497
|
_codeBlockStyles.firstCodeBlockWithNoMargin,
|
|
498
498
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
499
|
-
_firstBlockNodeStyles.firstBlockNodeStyles,
|
|
499
|
+
_firstBlockNodeStyles.firstBlockNodeStyles,
|
|
500
500
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
501
501
|
_firstBlockNodeStyles.firstNodeWidgetFixStyles,
|
|
502
502
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -33,12 +33,10 @@ var firstBlockNodeStyles = exports.firstBlockNodeStyles = (0, _react.css)({
|
|
|
33
33
|
});
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
|
-
* Gated behind the `platform_editor_first_node_fix` experiment.
|
|
37
|
-
*
|
|
38
36
|
* A leading ProseMirror widget (e.g. `ProseMirror-hide-cursor` when the editor is not editable)
|
|
39
37
|
* renders as the first child, so the `:first-child` margin resets no longer match the first real
|
|
40
|
-
* node. This zeroes its top margin
|
|
41
|
-
*
|
|
38
|
+
* node. This zeroes its top margin in all editor content containers, including the Jira chromeless
|
|
39
|
+
* editor where block controls are not loaded.
|
|
42
40
|
*
|
|
43
41
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
44
42
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -132,7 +132,7 @@ var layoutColumnStylesAdvanced = exports.layoutColumnStylesAdvanced = (0, _react
|
|
|
132
132
|
});
|
|
133
133
|
|
|
134
134
|
/**
|
|
135
|
-
* Layout column resize styles
|
|
135
|
+
* Layout column resize styles.
|
|
136
136
|
*/
|
|
137
137
|
/**
|
|
138
138
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -19,6 +19,14 @@ var _selectionStyles = require("./selectionStyles");
|
|
|
19
19
|
var mentionsSelectedColor = (0, _react.css)({
|
|
20
20
|
color: "var(--ds-text-subtle, #505258)"
|
|
21
21
|
});
|
|
22
|
+
var mentionRunShimmer = (0, _react.keyframes)({
|
|
23
|
+
from: {
|
|
24
|
+
backgroundPosition: '200% 0'
|
|
25
|
+
},
|
|
26
|
+
to: {
|
|
27
|
+
backgroundPosition: '-200% 0'
|
|
28
|
+
}
|
|
29
|
+
});
|
|
22
30
|
/**
|
|
23
31
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
24
32
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -164,6 +172,43 @@ var mentionNodeStyles = exports.mentionNodeStyles = (0, _react.css)({
|
|
|
164
172
|
'&:active': {
|
|
165
173
|
background: "var(--ds-background-disabled, #0515240F)"
|
|
166
174
|
}
|
|
175
|
+
},
|
|
176
|
+
// Agent mention run-state styles. The 'analysing' state changes the chip/text to a shimmer, other
|
|
177
|
+
// states will still render the default chip/text.
|
|
178
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
179
|
+
'.agent-mention-analysing-state .editor-mention-primitive': {
|
|
180
|
+
// Light mode variant
|
|
181
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
182
|
+
backgroundImage: "linear-gradient(90deg, #EBEBEB 35%, ".concat("var(--ds-surface-hovered, #F0F1F2)", " 45%, ", "var(--ds-surface-hovered, #F0F1F2)", " 55%, #EBEBEB 65%)"),
|
|
183
|
+
backgroundSize: '200% 100%',
|
|
184
|
+
animationName: mentionRunShimmer,
|
|
185
|
+
animationDuration: '2.5s',
|
|
186
|
+
animationIterationCount: 'infinite',
|
|
187
|
+
animationTimingFunction: 'linear',
|
|
188
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
189
|
+
animation: 'none'
|
|
190
|
+
},
|
|
191
|
+
// Dark mode override for the agent mention pill shimmer
|
|
192
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
193
|
+
'html[data-color-mode=dark] &': {
|
|
194
|
+
backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-surface-pressed, #DDDEE1)", " 35%, ", "var(--ds-surface-raised, #FFFFFF)", " 45%, ", "var(--ds-surface-raised, #FFFFFF)", " 55%, ", "var(--ds-surface-pressed, #DDDEE1)", " 65%)")
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
198
|
+
'.agent-mention-analysing-state .editor-mention-text': {
|
|
199
|
+
backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-text, #292A2E)", " 35%, ", "var(--ds-text-subtle, #505258)", " 45%, ", "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)", " 50%, ", "var(--ds-text-subtle, #505258)", " 55%, ", "var(--ds-text, #292A2E)", " 65%)"),
|
|
200
|
+
backgroundSize: '200% 100%',
|
|
201
|
+
WebkitBackgroundClip: 'text',
|
|
202
|
+
backgroundClip: 'text',
|
|
203
|
+
WebkitTextFillColor: 'transparent',
|
|
204
|
+
color: 'transparent',
|
|
205
|
+
animationName: mentionRunShimmer,
|
|
206
|
+
animationDuration: '2.5s',
|
|
207
|
+
animationIterationCount: 'infinite',
|
|
208
|
+
animationTimingFunction: 'linear',
|
|
209
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
210
|
+
animation: 'none'
|
|
211
|
+
}
|
|
167
212
|
}
|
|
168
213
|
});
|
|
169
214
|
|
|
@@ -9,7 +9,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
|
|
|
9
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _apps = _interopRequireDefault(require("@atlaskit/icon/core/apps"));
|
|
12
|
+
var _whiteboard = _interopRequireDefault(require("@atlaskit/icon/core/whiteboard"));
|
|
12
13
|
var lazyExtensionIconCache = new WeakMap();
|
|
14
|
+
var whiteboardQuickInsertItemKeys = new Set(['whiteboard-extension:create-whiteboard', 'whiteboard-extension:create-diagram', 'whiteboard-extension:create-flowchart', 'whiteboard-extension:create-brainstorming', 'whiteboard-extension:create-retrospective', 'whiteboard-extension:create-roadmap']);
|
|
13
15
|
var resolveExtensionIcon = /*#__PURE__*/function () {
|
|
14
16
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(getIcon) {
|
|
15
17
|
var maybeIcon, _default, _t;
|
|
@@ -75,10 +77,11 @@ var createLazyExtensionIcon = function createLazyExtensionIcon(getIcon) {
|
|
|
75
77
|
};
|
|
76
78
|
var ExtensionQuickInsertIcon = exports.ExtensionQuickInsertIcon = function ExtensionQuickInsertIcon(_ref2) {
|
|
77
79
|
var getIcon = _ref2.getIcon,
|
|
80
|
+
itemKey = _ref2.itemKey,
|
|
78
81
|
label = _ref2.label;
|
|
79
82
|
var Icon = _react.default.useMemo(function () {
|
|
80
|
-
return getIcon ? createLazyExtensionIcon(getIcon) : _apps.default;
|
|
81
|
-
}, [getIcon]);
|
|
83
|
+
return whiteboardQuickInsertItemKeys.has(itemKey) ? _whiteboard.default : getIcon ? createLazyExtensionIcon(getIcon) : _apps.default;
|
|
84
|
+
}, [getIcon, itemKey]);
|
|
82
85
|
return /*#__PURE__*/_react.default.createElement(Icon, {
|
|
83
86
|
label: label
|
|
84
87
|
});
|
|
@@ -38,6 +38,7 @@ var ExtensionQuickInsertMenuItem = exports.ExtensionQuickInsertMenuItem = functi
|
|
|
38
38
|
return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
|
|
39
39
|
iconBefore: /*#__PURE__*/_react.default.createElement(_ExtensionQuickInsertIcon.ExtensionQuickInsertIcon, {
|
|
40
40
|
getIcon: item.icon,
|
|
41
|
+
itemKey: item.key,
|
|
41
42
|
label: ""
|
|
42
43
|
}),
|
|
43
44
|
isDisabled: isOffline,
|
|
@@ -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 = "226.0
|
|
9
|
+
var version = exports.version = "226.1.0";
|
|
@@ -109,8 +109,8 @@
|
|
|
109
109
|
.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger .media-inline-image-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger>span>span[role=button]{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaGroupView-content-wrap.danger #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
|
|
110
110
|
.cc-pxnj3p .mediaGroupView-content-wrap ul{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
111
111
|
.cc-1al43g7 .ProseMirror li .rich-media-item{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.cc-1al43g7 .ProseMirror.ua-chrome li>.mediaSingleView-content-wrap:before{content:"";display:block;height:0}.cc-1al43g7 .ProseMirror.ua-firefox .mediaSingleView-content-wrap{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1al43g7 .ProseMirror.ua-firefox .captionView-content-wrap{-webkit-user-select:text;-ms-user-select:text;user-select:text}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout^=wrap-]{position:relative;z-index:2;max-width:100%;clear:inherit}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=center]{clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item{margin-top:var(--ds-space-150,9pt);margin-bottom:var(--ds-space-150,9pt);clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout], .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]{clear:none}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout]:first-child, .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]:first-child{margin-top:var(--ds-space-150,9pt)}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left{clear:both}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-right, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-right{margin-right:0;margin-left:0}@media (max-width:410px){.cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-right], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-right]{float:none;overflow-x:auto;overflow-y:auto;margin:var(--ds-space-150,9pt) 0}}.cc-1al43g7 .ProseMirror [layout=full-width] .rich-media-item, .cc-1al43g7 .ProseMirror [layout=wide] .rich-media-item{margin-left:50%;transform:translateX(-50%)}.cc-1al43g7 .ProseMirror .media-extended-resize-experience[layout^=wrap-]{overflow-x:visible!important;overflow-y:visible!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]{clear:none}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align], .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h1, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h2, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h3, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h4, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h5, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h6, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+p, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ul{clear:both!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-] .rich-media-item{margin-left:0;margin-right:0}.cc-1al43g7 .ProseMirror .media-inline-image-wrapper{height:22px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h1>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:36px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h2>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:31px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h3>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:25px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h4>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:23px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h5>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:20px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h6>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:18px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-left]{float:left}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]{float:right}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]+.mediaSingleView-content-wrap[layout=wrap-left]{clear:both}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-right{margin-right:-9pt}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-left{margin-left:-9pt}.cc-1al43g7 .pm-alt-text-alt-text-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.cc-1al43g7 .richMedia-resize-handle-left, .cc-1al43g7 .richMedia-resize-handle-right{display:flex;flex-direction:column;justify-content:center}.cc-1al43g7 .richMedia-resize-handle-right{align-items:flex-end;padding-right:var(--ds-space-150,9pt);margin-right:-4px}.cc-1al43g7 .richMedia-resize-handle-left{align-items:flex-start;padding-left:var(--ds-space-150,9pt);margin-left:-4px}.cc-1al43g7 .richMedia-resize-handle-left:after, .cc-1al43g7 .richMedia-resize-handle-right:after{content:" ";display:flex;width:3px;height:4pc;border-radius:var(--ds-radius-medium,6px)}.cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-right:after{background:var(--ds-border,#0b120e24)}.cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-left:after, .cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-right:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-left:hover:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-right:hover:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-right:after{background:var(--ds-border-focused,#4688ec)}.cc-1al43g7 .__resizable_base__{left:unset!important;width:auto!important;height:auto!important}.cc-1al43g7 .danger>div>div>.media-card-frame, .cc-1al43g7 .danger>span>a{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d);transition:background-color 0s,box-shadow 0s}.cc-1al43g7 .danger .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1al43g7 .danger .richMedia-resize-handle-left:after, .cc-1al43g7 .danger .richMedia-resize-handle-right:after{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .resizer-handle-thumb{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .inlineCardView-content-wrap>span>a, .cc-1al43g7 .danger div div .media-card-frame{background-color:var(--ds-blanket-danger,#ef5c4814);transition:background-color 0s}.cc-1al43g7 .danger div div .media-card-frame:after{box-shadow:none}.cc-1al43g7 .warning .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-warning,#e06c00)!important}.cc-1al43g7 .warning .resizer-handle-thumb{background:var(--ds-icon-warning,#e06c00)!important}.cc-1al43g7 .media-filmstrip-list-item{cursor:pointer}.cc-1al43g7 .mediaGroupView-content-wrap.ak-editor-selected-node #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}.cc-1al43g7 .ak-editor-no-interaction #newFileExperienceWrapper{box-shadow:none}
|
|
112
|
-
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}
|
|
113
|
-
.cc-
|
|
112
|
+
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color,var(--ds-border-accent-purple,#af59e1))}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:var(--ds-space-050,4px);overflow-x:hidden;overflow-y:hidden;border-radius:var(--ds-radius-full,9999px);vertical-align:-.125em}.cc-f3tkhc .editor-mention-avatar-fallback{vertical-align:.05em}.cc-f3tkhc .editor-mention-avatar-agent{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.cc-f3tkhc .editor-mention-avatar-image{display:block;width:100%;height:100%;object-fit:cover}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .agent-mention-analysing-state .editor-mention-primitive{background-image:linear-gradient(90deg,#ebebeb 35%,var(--ds-surface-hovered,#f0f1f2) 45%,var(--ds-surface-hovered,#f0f1f2) 55%,#ebebeb 65%);background-size:200% 100%;animation-name:kufr8jz;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear}@media (prefers-reduced-motion:reduce){.cc-f3tkhc .agent-mention-analysing-state .editor-mention-primitive{animation:none}}.cc-f3tkhc .agent-mention-analysing-state .editor-mention-text{background-image:linear-gradient(90deg,var(--ds-text,#292a2e) 35%,var(--ds-text-subtle,#505258) 45%,var(--ds-background-accent-gray-subtler-hovered,#b7b9be) 50%,var(--ds-text-subtle,#505258) 55%,var(--ds-text,#292a2e) 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation-name:kufr8jz;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear}
|
|
113
|
+
.cc-d99ako .agent-mention-analysing-state .editor-mention-primitive{background-image:linear-gradient(90deg,var(--ds-surface-pressed,#dddee1) 35%,var(--ds-surface-raised,#fff) 45%,var(--ds-surface-raised,#fff) 55%,var(--ds-surface-pressed,#dddee1) 65%)}
|
|
114
114
|
.cc-18wl5mr .danger .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::-moz-selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{color:var(--ds-text-subtle,#505258)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:hover{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}
|
|
115
115
|
.cc-1rxkxid .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;background-color:var(--ds-background-selected,#e9f2fe);color:var(--ds-text-subtle,#505258)}.cc-1rxkxid .danger .mentionView-content-wrap.ak-editor-selected-node>span>span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-1rxkxid .danger .mentionView-content-wrap>span>span>span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text-subtle,#505258)}
|
|
116
116
|
.cc-q1df3a .ProseMirror .ak-editor-panel .ak-editor-panel__content .ak-editor-panel{border:1px solid var(--ds-border,#0b120e24)}
|
|
@@ -177,6 +177,7 @@ const agentShimmer = null;
|
|
|
177
177
|
// them back out over the highlight's lifetime (duration set inline per-decoration to match removal).
|
|
178
178
|
const agentEditHighlight = null;
|
|
179
179
|
const syncBlockCreationLoadingKeyframes = null;
|
|
180
|
+
const mentionRunShimmer = null;
|
|
180
181
|
|
|
181
182
|
/**
|
|
182
183
|
* aiPanelStyles
|
|
@@ -328,6 +329,7 @@ const editorContentStyles = {
|
|
|
328
329
|
mediaStyles: "cc-1al43g7",
|
|
329
330
|
mentionDangerStyles: "cc-t8jrt0",
|
|
330
331
|
mentionNodeStyles: "cc-f3tkhc",
|
|
332
|
+
agentMentionShimmerDarkMode: "cc-d99ako",
|
|
331
333
|
mentionsSelectionStyles: "cc-18wl5mr",
|
|
332
334
|
mentionsStyles: "cc-1rxkxid",
|
|
333
335
|
nestedPanelBorderStylesMixin: "cc-q1df3a",
|
|
@@ -475,7 +477,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
|
|
|
475
477
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
476
478
|
exposure: true
|
|
477
479
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
478
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
480
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
479
481
|
ref: ref,
|
|
480
482
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
481
483
|
"data-testid": "editor-content-container"
|
|
@@ -404,15 +404,15 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
404
404
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
405
405
|
layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') &&
|
|
406
406
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
407
|
-
layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) &&
|
|
407
|
+
layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) &&
|
|
408
408
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
409
|
-
layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) &&
|
|
409
|
+
layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) &&
|
|
410
410
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
411
411
|
layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ?
|
|
412
412
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
413
413
|
layoutColumnStylesAdvanced :
|
|
414
414
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
415
|
-
layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) &&
|
|
415
|
+
layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) &&
|
|
416
416
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
417
417
|
layoutColumnResizeStyles,
|
|
418
418
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -498,7 +498,7 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
|
|
|
498
498
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
499
499
|
firstCodeBlockWithNoMargin,
|
|
500
500
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
501
|
-
firstBlockNodeStyles,
|
|
501
|
+
firstBlockNodeStyles,
|
|
502
502
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
503
503
|
firstNodeWidgetFixStyles,
|
|
504
504
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -29,12 +29,10 @@ export const firstBlockNodeStyles = css({
|
|
|
29
29
|
});
|
|
30
30
|
|
|
31
31
|
/**
|
|
32
|
-
* Gated behind the `platform_editor_first_node_fix` experiment.
|
|
33
|
-
*
|
|
34
32
|
* A leading ProseMirror widget (e.g. `ProseMirror-hide-cursor` when the editor is not editable)
|
|
35
33
|
* renders as the first child, so the `:first-child` margin resets no longer match the first real
|
|
36
|
-
* node. This zeroes its top margin
|
|
37
|
-
*
|
|
34
|
+
* node. This zeroes its top margin in all editor content containers, including the Jira chromeless
|
|
35
|
+
* editor where block controls are not loaded.
|
|
38
36
|
*
|
|
39
37
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
40
38
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -145,7 +145,7 @@ export const layoutColumnStylesAdvanced = css({
|
|
|
145
145
|
});
|
|
146
146
|
|
|
147
147
|
/**
|
|
148
|
-
* Layout column resize styles
|
|
148
|
+
* Layout column resize styles.
|
|
149
149
|
*/
|
|
150
150
|
/**
|
|
151
151
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
2
2
|
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
3
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
-
import { css } from '@emotion/react';
|
|
4
|
+
import { css, keyframes } from '@emotion/react';
|
|
5
5
|
import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
|
|
6
6
|
import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
7
7
|
import { backgroundSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
|
|
@@ -11,6 +11,14 @@ import { backgroundSelectionStyles, boxShadowSelectionStyles, dangerBackgroundSt
|
|
|
11
11
|
const mentionsSelectedColor = css({
|
|
12
12
|
color: "var(--ds-text-subtle, #505258)"
|
|
13
13
|
});
|
|
14
|
+
const mentionRunShimmer = keyframes({
|
|
15
|
+
from: {
|
|
16
|
+
backgroundPosition: '200% 0'
|
|
17
|
+
},
|
|
18
|
+
to: {
|
|
19
|
+
backgroundPosition: '-200% 0'
|
|
20
|
+
}
|
|
21
|
+
});
|
|
14
22
|
/**
|
|
15
23
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
16
24
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -170,6 +178,43 @@ export const mentionNodeStyles = css({
|
|
|
170
178
|
'&:active': {
|
|
171
179
|
background: "var(--ds-background-disabled, #0515240F)"
|
|
172
180
|
}
|
|
181
|
+
},
|
|
182
|
+
// Agent mention run-state styles. The 'analysing' state changes the chip/text to a shimmer, other
|
|
183
|
+
// states will still render the default chip/text.
|
|
184
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
185
|
+
'.agent-mention-analysing-state .editor-mention-primitive': {
|
|
186
|
+
// Light mode variant
|
|
187
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
188
|
+
backgroundImage: `linear-gradient(90deg, #EBEBEB 35%, ${"var(--ds-surface-hovered, #F0F1F2)"} 45%, ${"var(--ds-surface-hovered, #F0F1F2)"} 55%, #EBEBEB 65%)`,
|
|
189
|
+
backgroundSize: '200% 100%',
|
|
190
|
+
animationName: mentionRunShimmer,
|
|
191
|
+
animationDuration: '2.5s',
|
|
192
|
+
animationIterationCount: 'infinite',
|
|
193
|
+
animationTimingFunction: 'linear',
|
|
194
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
195
|
+
animation: 'none'
|
|
196
|
+
},
|
|
197
|
+
// Dark mode override for the agent mention pill shimmer
|
|
198
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
199
|
+
'html[data-color-mode=dark] &': {
|
|
200
|
+
backgroundImage: `linear-gradient(90deg, ${"var(--ds-surface-pressed, #DDDEE1)"} 35%, ${"var(--ds-surface-raised, #FFFFFF)"} 45%, ${"var(--ds-surface-raised, #FFFFFF)"} 55%, ${"var(--ds-surface-pressed, #DDDEE1)"} 65%)`
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
204
|
+
'.agent-mention-analysing-state .editor-mention-text': {
|
|
205
|
+
backgroundImage: `linear-gradient(90deg, ${"var(--ds-text, #292A2E)"} 35%, ${"var(--ds-text-subtle, #505258)"} 45%, ${"var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)"} 50%, ${"var(--ds-text-subtle, #505258)"} 55%, ${"var(--ds-text, #292A2E)"} 65%)`,
|
|
206
|
+
backgroundSize: '200% 100%',
|
|
207
|
+
WebkitBackgroundClip: 'text',
|
|
208
|
+
backgroundClip: 'text',
|
|
209
|
+
WebkitTextFillColor: 'transparent',
|
|
210
|
+
color: 'transparent',
|
|
211
|
+
animationName: mentionRunShimmer,
|
|
212
|
+
animationDuration: '2.5s',
|
|
213
|
+
animationIterationCount: 'infinite',
|
|
214
|
+
animationTimingFunction: 'linear',
|
|
215
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
216
|
+
animation: 'none'
|
|
217
|
+
}
|
|
173
218
|
}
|
|
174
219
|
});
|
|
175
220
|
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AppsIcon from '@atlaskit/icon/core/apps';
|
|
3
|
+
import WhiteboardIcon from '@atlaskit/icon/core/whiteboard';
|
|
3
4
|
const lazyExtensionIconCache = new WeakMap();
|
|
5
|
+
const whiteboardQuickInsertItemKeys = new Set(['whiteboard-extension:create-whiteboard', 'whiteboard-extension:create-diagram', 'whiteboard-extension:create-flowchart', 'whiteboard-extension:create-brainstorming', 'whiteboard-extension:create-retrospective', 'whiteboard-extension:create-roadmap']);
|
|
4
6
|
const resolveExtensionIcon = async getIcon => {
|
|
5
7
|
try {
|
|
6
8
|
const maybeIcon = await (getIcon === null || getIcon === void 0 ? void 0 : getIcon());
|
|
@@ -37,9 +39,10 @@ const createLazyExtensionIcon = getIcon => {
|
|
|
37
39
|
};
|
|
38
40
|
export const ExtensionQuickInsertIcon = ({
|
|
39
41
|
getIcon,
|
|
42
|
+
itemKey,
|
|
40
43
|
label
|
|
41
44
|
}) => {
|
|
42
|
-
const Icon = React.useMemo(() => getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon, [getIcon]);
|
|
45
|
+
const Icon = React.useMemo(() => whiteboardQuickInsertItemKeys.has(itemKey) ? WhiteboardIcon : getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon, [getIcon, itemKey]);
|
|
43
46
|
return /*#__PURE__*/React.createElement(Icon, {
|
|
44
47
|
label: label
|
|
45
48
|
});
|
|
@@ -33,6 +33,7 @@ export const ExtensionQuickInsertMenuItem = ({
|
|
|
33
33
|
return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
|
|
34
34
|
iconBefore: /*#__PURE__*/React.createElement(ExtensionQuickInsertIcon, {
|
|
35
35
|
getIcon: item.icon,
|
|
36
|
+
itemKey: item.key,
|
|
36
37
|
label: ""
|
|
37
38
|
}),
|
|
38
39
|
isDisabled: isOffline,
|
|
@@ -109,8 +109,8 @@
|
|
|
109
109
|
.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger .media-inline-image-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaInlineView-content-wrap.ak-editor-selected-node.danger>span>span[role=button]{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-9lr89g .ProseMirror .mediaGroupView-content-wrap.danger #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
|
|
110
110
|
.cc-pxnj3p .mediaGroupView-content-wrap ul{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
|
|
111
111
|
.cc-1al43g7 .ProseMirror li .rich-media-item{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.cc-1al43g7 .ProseMirror.ua-chrome li>.mediaSingleView-content-wrap:before{content:"";display:block;height:0}.cc-1al43g7 .ProseMirror.ua-firefox .mediaSingleView-content-wrap{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1al43g7 .ProseMirror.ua-firefox .captionView-content-wrap{-webkit-user-select:text;-ms-user-select:text;user-select:text}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout^=wrap-]{position:relative;z-index:2;max-width:100%;clear:inherit}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=center]{clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item{margin-top:var(--ds-space-150,9pt);margin-bottom:var(--ds-space-150,9pt);clear:both}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout], .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]{clear:none}.cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-left[data-layout]:first-child, .cc-1al43g7 .ProseMirror table .rich-media-item.image-wrap-right[data-layout]:first-child{margin-top:var(--ds-space-150,9pt)}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left{clear:both}.cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-left+.rich-media-item.image-wrap-right, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-left, .cc-1al43g7 .ProseMirror .rich-media-item.image-wrap-right+.rich-media-item.image-wrap-right{margin-right:0;margin-left:0}@media (max-width:410px){.cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[data-layout=wrap-right], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-left], .cc-1al43g7 .ProseMirror div.mediaSingleView-content-wrap[layout=wrap-right]{float:none;overflow-x:auto;overflow-y:auto;margin:var(--ds-space-150,9pt) 0}}.cc-1al43g7 .ProseMirror [layout=full-width] .rich-media-item, .cc-1al43g7 .ProseMirror [layout=wide] .rich-media-item{margin-left:50%;transform:translateX(-50%)}.cc-1al43g7 .ProseMirror .media-extended-resize-experience[layout^=wrap-]{overflow-x:visible!important;overflow-y:visible!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]{clear:none}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+div[class^=fabric-editor-align], .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h1, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h2, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h3, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h4, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h5, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+h6, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ol, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+p, .cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-]+ul{clear:both!important}.cc-1al43g7 .ProseMirror [layout^=wrap-]+[layout^=wrap-] .rich-media-item{margin-left:0;margin-right:0}.cc-1al43g7 .ProseMirror .media-inline-image-wrapper{height:22px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h1>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h1>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:36px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h2>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h2>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:31px;transform:translateY(-3px)}.cc-1al43g7 .ProseMirror h3>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h3>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:25px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h4>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h4>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:23px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h5>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h5>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:20px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror h6>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>.mediaInlineView-content-wrap>.media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper, .cc-1al43g7 .ProseMirror h6>:is(a,span[data-mark-type=border]) .mediaInlineView-content-wrap>.media-inline-image-wrapper{height:18px;transform:translateY(-2px)}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-left]{float:left}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]{float:right}.cc-1al43g7 .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]+.mediaSingleView-content-wrap[layout=wrap-left]{clear:both}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-right{margin-right:-9pt}.cc-1al43g7 .ProseMirror>.mediaSingleView-content-wrap .richMedia-resize-handle-left{margin-left:-9pt}.cc-1al43g7 .pm-alt-text-alt-text-floating-toolbar{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.cc-1al43g7 .richMedia-resize-handle-left, .cc-1al43g7 .richMedia-resize-handle-right{display:flex;flex-direction:column;justify-content:center}.cc-1al43g7 .richMedia-resize-handle-right{align-items:flex-end;padding-right:var(--ds-space-150,9pt);margin-right:-4px}.cc-1al43g7 .richMedia-resize-handle-left{align-items:flex-start;padding-left:var(--ds-space-150,9pt);margin-left:-4px}.cc-1al43g7 .richMedia-resize-handle-left:after, .cc-1al43g7 .richMedia-resize-handle-right:after{content:" ";display:flex;width:3px;height:4pc;border-radius:var(--ds-radius-medium,6px)}.cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item:hover .richMedia-resize-handle-right:after{background:var(--ds-border,#0b120e24)}.cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-left:after, .cc-1al43g7 .ak-editor-selected-node .richMedia-resize-handle-right:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-left:hover:after, .cc-1al43g7 .rich-media-item .richMedia-resize-handle-right:hover:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-left:after, .cc-1al43g7 .rich-media-item.is-resizing .richMedia-resize-handle-right:after{background:var(--ds-border-focused,#4688ec)}.cc-1al43g7 .__resizable_base__{left:unset!important;width:auto!important;height:auto!important}.cc-1al43g7 .danger>div>div>.media-card-frame, .cc-1al43g7 .danger>span>a{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d);transition:background-color 0s,box-shadow 0s}.cc-1al43g7 .danger .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-danger,#e2483d)}.cc-1al43g7 .danger .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1al43g7 .danger .richMedia-resize-handle-left:after, .cc-1al43g7 .danger .richMedia-resize-handle-right:after{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .resizer-handle-thumb{background:var(--ds-icon-danger,#c9372c)!important}.cc-1al43g7 .danger .inlineCardView-content-wrap>span>a, .cc-1al43g7 .danger div div .media-card-frame{background-color:var(--ds-blanket-danger,#ef5c4814);transition:background-color 0s}.cc-1al43g7 .danger div div .media-card-frame:after{box-shadow:none}.cc-1al43g7 .warning .rich-media-item .media-file-card-view:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .media-card-inline-player:after{border:1px solid var(--ds-border-warning,#e06c00)}.cc-1al43g7 .warning .rich-media-item .new-file-experience-wrapper{box-shadow:0 0 0 1px var(--ds-border-warning,#e06c00)!important}.cc-1al43g7 .warning .resizer-handle-thumb{background:var(--ds-icon-warning,#e06c00)!important}.cc-1al43g7 .media-filmstrip-list-item{cursor:pointer}.cc-1al43g7 .mediaGroupView-content-wrap.ak-editor-selected-node #newFileExperienceWrapper{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}.cc-1al43g7 .ak-editor-no-interaction #newFileExperienceWrapper{box-shadow:none}
|
|
112
|
-
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}
|
|
113
|
-
.cc-
|
|
112
|
+
.cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-restricted, .cc-t8jrt0 .ak-editor-selected-node:not(.search-match-block).danger>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color,var(--ds-border-accent-purple,#af59e1))}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:var(--ds-space-050,4px);overflow-x:hidden;overflow-y:hidden;border-radius:var(--ds-radius-full,9999px);vertical-align:-.125em}.cc-f3tkhc .editor-mention-avatar-fallback{vertical-align:.05em}.cc-f3tkhc .editor-mention-avatar-agent{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.cc-f3tkhc .editor-mention-avatar-image{display:block;width:100%;height:100%;object-fit:cover}.cc-f3tkhc .editor-mention-primitive.mention-restricted{background-color:transparent;border:1px solid var(--ds-border-bold,#7d818a);color:var(--ds-text,#292a2e)}.cc-f3tkhc .editor-mention-primitive.mention-restricted:hover{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-restricted:active{background-color:transparent}.cc-f3tkhc .editor-mention-primitive.mention-self{background:var(--ds-background-brand-bold,#1868db);border:1px solid transparent;color:var(--ds-text-inverse,#fff)}.cc-f3tkhc .editor-mention-primitive.mention-self:hover{background:var(--ds-background-brand-bold-hovered,#1558bc)}.cc-f3tkhc .editor-mention-primitive.mention-self:active{background:var(--ds-background-brand-bold-pressed,#144794)}.cc-f3tkhc .editor-mention-primitive.mention-disabled{background:var(--ds-background-disabled,#0515240f);border:1px solid transparent;color:var(--ds-text-disabled,#080f214a);cursor:default}.cc-f3tkhc .editor-mention-primitive.mention-disabled:hover{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .editor-mention-primitive.mention-disabled:active{background:var(--ds-background-disabled,#0515240f)}.cc-f3tkhc .agent-mention-analysing-state .editor-mention-primitive{background-image:linear-gradient(90deg,#ebebeb 35%,var(--ds-surface-hovered,#f0f1f2) 45%,var(--ds-surface-hovered,#f0f1f2) 55%,#ebebeb 65%);background-size:200% 100%;animation-name:kufr8jz;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear}@media (prefers-reduced-motion:reduce){.cc-f3tkhc .agent-mention-analysing-state .editor-mention-primitive{animation:none}}.cc-f3tkhc .agent-mention-analysing-state .editor-mention-text{background-image:linear-gradient(90deg,var(--ds-text,#292a2e) 35%,var(--ds-text-subtle,#505258) 45%,var(--ds-background-accent-gray-subtler-hovered,#b7b9be) 50%,var(--ds-text-subtle,#505258) 55%,var(--ds-text,#292a2e) 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation-name:kufr8jz;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear}
|
|
113
|
+
.cc-d99ako .agent-mention-analysing-state .editor-mention-primitive{background-image:linear-gradient(90deg,var(--ds-surface-pressed,#dddee1) 35%,var(--ds-surface-raised,#fff) 45%,var(--ds-surface-raised,#fff) 55%,var(--ds-surface-pressed,#dddee1) 65%)}
|
|
114
114
|
.cc-18wl5mr .danger .editor-mention-primitive{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self ::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self::-moz-selection, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive::-moz-selection{background-color:transparent}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self{color:var(--ds-text-subtle,#505258)}.cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-restricted:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive.mention-self:hover, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:active, .cc-18wl5mr .ak-editor-selected-node>.editor-mention-primitive:hover{background-color:var(--ds-background-selected,#e9f2fe)}.cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-restricted, .cc-18wl5mr .ak-editor-selected-node:not(.search-match-block)>.editor-mention-primitive.mention-self{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}
|
|
115
115
|
.cc-1rxkxid .mentionView-content-wrap.ak-editor-selected-node [data-mention-id]>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent;background-color:var(--ds-background-selected,#e9f2fe);color:var(--ds-text-subtle,#505258)}.cc-1rxkxid .danger .mentionView-content-wrap.ak-editor-selected-node>span>span>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);background-color:var(--ds-background-danger,#ffeceb)}.cc-1rxkxid .danger .mentionView-content-wrap>span>span>span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text-subtle,#505258)}
|
|
116
116
|
.cc-q1df3a .ProseMirror .ak-editor-panel .ak-editor-panel__content .ak-editor-panel{border:1px solid var(--ds-border,#0b120e24)}
|
|
@@ -125,6 +125,7 @@ var agentShimmer = null;
|
|
|
125
125
|
// them back out over the highlight's lifetime (duration set inline per-decoration to match removal).
|
|
126
126
|
var agentEditHighlight = null;
|
|
127
127
|
var syncBlockCreationLoadingKeyframes = null;
|
|
128
|
+
var mentionRunShimmer = null;
|
|
128
129
|
|
|
129
130
|
/**
|
|
130
131
|
* aiPanelStyles
|
|
@@ -276,6 +277,7 @@ var editorContentStyles = {
|
|
|
276
277
|
mediaStyles: "cc-1al43g7",
|
|
277
278
|
mentionDangerStyles: "cc-t8jrt0",
|
|
278
279
|
mentionNodeStyles: "cc-f3tkhc",
|
|
280
|
+
agentMentionShimmerDarkMode: "cc-d99ako",
|
|
279
281
|
mentionsSelectionStyles: "cc-18wl5mr",
|
|
280
282
|
mentionsStyles: "cc-1rxkxid",
|
|
281
283
|
nestedPanelBorderStylesMixin: "cc-q1df3a",
|
|
@@ -419,7 +421,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
|
|
|
419
421
|
}) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
|
|
420
422
|
exposure: true
|
|
421
423
|
}) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, editorContentStyles.blocktypeStylesNestedDnd, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaCaptionStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
|
|
422
|
-
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, expValEquals('platform_editor_first_node_fix', 'isEnabled', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
424
|
+
editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, expValEqualsNoExposure('platform_editor_agent_be_streaming', 'isEnabled', true) && editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, editorContentStyles.panelStylesMixinNestedDnd, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, editorContentStyles.expandStylesMixinNestedDnd, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, editorContentStyles.findReplaceStyles, editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, editorContentStyles.annotationStyles, editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.vanillaTooltipDefaultStyles, isExperimentEnabled('platform_editor_vanilla_node_views_phase1') && editorContentStyles.vanillaUnsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorContentStyles.syncBlockStylesBase, !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorContentStyles.syncBlockOverflowStyles, editorContentStyles.syncBlockFirstNodeStyles, editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorContentStyles.layoutBaseStylesNestedDndExcludingBodiedSync, editorContentStyles.layoutColumnMartinTopFixes, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && isExperimentEnabled('platform_editor_lovability_resize_extensions') && editorContentStyles.pragmaticResizerStylesExtensions, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, editorContentStyles.firstCodeBlockWithNoMargin, editorContentStyles.firstBlockNodeStyles, editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, colorMode === 'dark' && editorContentStyles.agentMentionShimmerDarkMode, editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, isFloatingTocEnabled ? editorContentStyles.directEmojiSelectionStyles : editorContentStyles.emojiSelectionStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && editorContentStyles.tableScrollInlineShadowStyles, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, isExperimentEnabled('platform_editor_table_fit_to_content_patch_1') && editorContentStyles.tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.tableCellBackgroundColorOverrides, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
|
|
423
425
|
ref: ref,
|
|
424
426
|
"data-editor-scroll-container": isScrollable ? 'true' : undefined,
|
|
425
427
|
"data-testid": "editor-content-container"
|
|
@@ -399,15 +399,15 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
399
399
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
400
400
|
layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') &&
|
|
401
401
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
402
|
-
layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) &&
|
|
402
|
+
layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) &&
|
|
403
403
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
404
|
-
layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) &&
|
|
404
|
+
layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) &&
|
|
405
405
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
406
406
|
layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ?
|
|
407
407
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
408
408
|
layoutColumnStylesAdvanced :
|
|
409
409
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
410
|
-
layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) &&
|
|
410
|
+
layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) &&
|
|
411
411
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
412
412
|
layoutColumnResizeStyles,
|
|
413
413
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -493,7 +493,7 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
|
|
|
493
493
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
494
494
|
firstCodeBlockWithNoMargin,
|
|
495
495
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
496
|
-
firstBlockNodeStyles,
|
|
496
|
+
firstBlockNodeStyles,
|
|
497
497
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
498
498
|
firstNodeWidgetFixStyles,
|
|
499
499
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -25,12 +25,10 @@ export var firstBlockNodeStyles = css({
|
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
|
-
* Gated behind the `platform_editor_first_node_fix` experiment.
|
|
29
|
-
*
|
|
30
28
|
* A leading ProseMirror widget (e.g. `ProseMirror-hide-cursor` when the editor is not editable)
|
|
31
29
|
* renders as the first child, so the `:first-child` margin resets no longer match the first real
|
|
32
|
-
* node. This zeroes its top margin
|
|
33
|
-
*
|
|
30
|
+
* node. This zeroes its top margin in all editor content containers, including the Jira chromeless
|
|
31
|
+
* editor where block controls are not loaded.
|
|
34
32
|
*
|
|
35
33
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
36
34
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -125,7 +125,7 @@ export var layoutColumnStylesAdvanced = css({
|
|
|
125
125
|
});
|
|
126
126
|
|
|
127
127
|
/**
|
|
128
|
-
* Layout column resize styles
|
|
128
|
+
* Layout column resize styles.
|
|
129
129
|
*/
|
|
130
130
|
/**
|
|
131
131
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
3
3
|
@repo/internal/deprecations/deprecation-ticket-required,
|
|
4
4
|
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
5
|
-
import { css } from '@emotion/react';
|
|
5
|
+
import { css, keyframes } from '@emotion/react';
|
|
6
6
|
import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
|
|
7
7
|
import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
8
8
|
import { backgroundSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
|
|
@@ -12,6 +12,14 @@ import { backgroundSelectionStyles, boxShadowSelectionStyles, dangerBackgroundSt
|
|
|
12
12
|
var mentionsSelectedColor = css({
|
|
13
13
|
color: "var(--ds-text-subtle, #505258)"
|
|
14
14
|
});
|
|
15
|
+
var mentionRunShimmer = keyframes({
|
|
16
|
+
from: {
|
|
17
|
+
backgroundPosition: '200% 0'
|
|
18
|
+
},
|
|
19
|
+
to: {
|
|
20
|
+
backgroundPosition: '-200% 0'
|
|
21
|
+
}
|
|
22
|
+
});
|
|
15
23
|
/**
|
|
16
24
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
17
25
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -157,6 +165,43 @@ export var mentionNodeStyles = css({
|
|
|
157
165
|
'&:active': {
|
|
158
166
|
background: "var(--ds-background-disabled, #0515240F)"
|
|
159
167
|
}
|
|
168
|
+
},
|
|
169
|
+
// Agent mention run-state styles. The 'analysing' state changes the chip/text to a shimmer, other
|
|
170
|
+
// states will still render the default chip/text.
|
|
171
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
172
|
+
'.agent-mention-analysing-state .editor-mention-primitive': {
|
|
173
|
+
// Light mode variant
|
|
174
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
175
|
+
backgroundImage: "linear-gradient(90deg, #EBEBEB 35%, ".concat("var(--ds-surface-hovered, #F0F1F2)", " 45%, ", "var(--ds-surface-hovered, #F0F1F2)", " 55%, #EBEBEB 65%)"),
|
|
176
|
+
backgroundSize: '200% 100%',
|
|
177
|
+
animationName: mentionRunShimmer,
|
|
178
|
+
animationDuration: '2.5s',
|
|
179
|
+
animationIterationCount: 'infinite',
|
|
180
|
+
animationTimingFunction: 'linear',
|
|
181
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
182
|
+
animation: 'none'
|
|
183
|
+
},
|
|
184
|
+
// Dark mode override for the agent mention pill shimmer
|
|
185
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
186
|
+
'html[data-color-mode=dark] &': {
|
|
187
|
+
backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-surface-pressed, #DDDEE1)", " 35%, ", "var(--ds-surface-raised, #FFFFFF)", " 45%, ", "var(--ds-surface-raised, #FFFFFF)", " 55%, ", "var(--ds-surface-pressed, #DDDEE1)", " 65%)")
|
|
188
|
+
}
|
|
189
|
+
},
|
|
190
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
191
|
+
'.agent-mention-analysing-state .editor-mention-text': {
|
|
192
|
+
backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-text, #292A2E)", " 35%, ", "var(--ds-text-subtle, #505258)", " 45%, ", "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)", " 50%, ", "var(--ds-text-subtle, #505258)", " 55%, ", "var(--ds-text, #292A2E)", " 65%)"),
|
|
193
|
+
backgroundSize: '200% 100%',
|
|
194
|
+
WebkitBackgroundClip: 'text',
|
|
195
|
+
backgroundClip: 'text',
|
|
196
|
+
WebkitTextFillColor: 'transparent',
|
|
197
|
+
color: 'transparent',
|
|
198
|
+
animationName: mentionRunShimmer,
|
|
199
|
+
animationDuration: '2.5s',
|
|
200
|
+
animationIterationCount: 'infinite',
|
|
201
|
+
animationTimingFunction: 'linear',
|
|
202
|
+
'@media (prefers-reduced-motion: reduce)': {
|
|
203
|
+
animation: 'none'
|
|
204
|
+
}
|
|
160
205
|
}
|
|
161
206
|
});
|
|
162
207
|
|
|
@@ -2,7 +2,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
|
2
2
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import AppsIcon from '@atlaskit/icon/core/apps';
|
|
5
|
+
import WhiteboardIcon from '@atlaskit/icon/core/whiteboard';
|
|
5
6
|
var lazyExtensionIconCache = new WeakMap();
|
|
7
|
+
var whiteboardQuickInsertItemKeys = new Set(['whiteboard-extension:create-whiteboard', 'whiteboard-extension:create-diagram', 'whiteboard-extension:create-flowchart', 'whiteboard-extension:create-brainstorming', 'whiteboard-extension:create-retrospective', 'whiteboard-extension:create-roadmap']);
|
|
6
8
|
var resolveExtensionIcon = /*#__PURE__*/function () {
|
|
7
9
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(getIcon) {
|
|
8
10
|
var maybeIcon, _default, _t;
|
|
@@ -68,10 +70,11 @@ var createLazyExtensionIcon = function createLazyExtensionIcon(getIcon) {
|
|
|
68
70
|
};
|
|
69
71
|
export var ExtensionQuickInsertIcon = function ExtensionQuickInsertIcon(_ref2) {
|
|
70
72
|
var getIcon = _ref2.getIcon,
|
|
73
|
+
itemKey = _ref2.itemKey,
|
|
71
74
|
label = _ref2.label;
|
|
72
75
|
var Icon = React.useMemo(function () {
|
|
73
|
-
return getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon;
|
|
74
|
-
}, [getIcon]);
|
|
76
|
+
return whiteboardQuickInsertItemKeys.has(itemKey) ? WhiteboardIcon : getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon;
|
|
77
|
+
}, [getIcon, itemKey]);
|
|
75
78
|
return /*#__PURE__*/React.createElement(Icon, {
|
|
76
79
|
label: label
|
|
77
80
|
});
|
|
@@ -30,6 +30,7 @@ export var ExtensionQuickInsertMenuItem = function ExtensionQuickInsertMenuItem(
|
|
|
30
30
|
return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
|
|
31
31
|
iconBefore: /*#__PURE__*/React.createElement(ExtensionQuickInsertIcon, {
|
|
32
32
|
getIcon: item.icon,
|
|
33
|
+
itemKey: item.key,
|
|
33
34
|
label: ""
|
|
34
35
|
}),
|
|
35
36
|
isDisabled: isOffline,
|
|
@@ -7,12 +7,10 @@ import type { SerializedStyles } from '@emotion/react';
|
|
|
7
7
|
*/
|
|
8
8
|
export declare const firstBlockNodeStyles: SerializedStyles;
|
|
9
9
|
/**
|
|
10
|
-
* Gated behind the `platform_editor_first_node_fix` experiment.
|
|
11
|
-
*
|
|
12
10
|
* A leading ProseMirror widget (e.g. `ProseMirror-hide-cursor` when the editor is not editable)
|
|
13
11
|
* renders as the first child, so the `:first-child` margin resets no longer match the first real
|
|
14
|
-
* node. This zeroes its top margin
|
|
15
|
-
*
|
|
12
|
+
* node. This zeroes its top margin in all editor content containers, including the Jira chromeless
|
|
13
|
+
* editor where block controls are not loaded.
|
|
16
14
|
*
|
|
17
15
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
18
16
|
* If you need to make changes here, also update the corresponding style in
|
|
@@ -33,7 +33,7 @@ export declare const layoutColumnDividerStylesNestedDnD: SerializedStyles;
|
|
|
33
33
|
*/
|
|
34
34
|
export declare const layoutColumnStylesAdvanced: SerializedStyles;
|
|
35
35
|
/**
|
|
36
|
-
* Layout column resize styles
|
|
36
|
+
* Layout column resize styles.
|
|
37
37
|
*/
|
|
38
38
|
/**
|
|
39
39
|
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MenuItem } from '@atlaskit/editor-common/extensions';
|
|
3
|
-
export declare const ExtensionQuickInsertIcon: ({ getIcon, label, }: {
|
|
3
|
+
export declare const ExtensionQuickInsertIcon: ({ getIcon, itemKey, label, }: {
|
|
4
4
|
getIcon?: MenuItem['icon'];
|
|
5
|
+
itemKey: string;
|
|
5
6
|
label: string;
|
|
6
7
|
}) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "226.
|
|
3
|
+
"version": "226.1.1",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@atlaskit/activity-provider": "^3.0.0",
|
|
41
|
-
"@atlaskit/adf-schema": "^57.
|
|
41
|
+
"@atlaskit/adf-schema": "^57.2.0",
|
|
42
42
|
"@atlaskit/afm-i18n-platform-editor-editor-core": "2.200.0",
|
|
43
43
|
"@atlaskit/analytics-namespaced-context": "^8.1.0",
|
|
44
44
|
"@atlaskit/analytics-next": "^12.4.0",
|
|
45
45
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
46
46
|
"@atlaskit/button": "^25.2.0",
|
|
47
|
-
"@atlaskit/css": "^1.
|
|
47
|
+
"@atlaskit/css": "^1.1.0",
|
|
48
48
|
"@atlaskit/editor-json-transformer": "^9.6.0",
|
|
49
49
|
"@atlaskit/editor-performance-metrics": "^3.2.0",
|
|
50
50
|
"@atlaskit/editor-plugin-block-menu": "^15.0.0",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
74
74
|
"@atlaskit/react-ufo": "^7.7.0",
|
|
75
75
|
"@atlaskit/task-decision": "^21.8.0",
|
|
76
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
76
|
+
"@atlaskit/tmp-editor-statsig": "^163.0.0",
|
|
77
77
|
"@atlaskit/tokens": "^16.8.0",
|
|
78
78
|
"@atlaskit/tooltip": "^24.2.0",
|
|
79
79
|
"@atlaskit/width-detector": "^7.1.0",
|
|
@@ -123,12 +123,12 @@
|
|
|
123
123
|
"@atlaskit/editor-plugin-guideline": "^16.0.0",
|
|
124
124
|
"@atlaskit/editor-plugin-highlight": "^16.0.0",
|
|
125
125
|
"@atlaskit/editor-plugin-insert-block": "^17.0.0",
|
|
126
|
-
"@atlaskit/editor-plugin-layout": "^17.
|
|
126
|
+
"@atlaskit/editor-plugin-layout": "^17.1.0",
|
|
127
127
|
"@atlaskit/editor-plugin-list": "^18.0.0",
|
|
128
128
|
"@atlaskit/editor-plugin-media": "^18.0.0",
|
|
129
129
|
"@atlaskit/editor-plugin-paste": "^17.0.0",
|
|
130
130
|
"@atlaskit/editor-plugin-selection-marker": "^16.0.0",
|
|
131
|
-
"@atlaskit/editor-plugin-show-diff": "^14.
|
|
131
|
+
"@atlaskit/editor-plugin-show-diff": "^14.2.0",
|
|
132
132
|
"@atlaskit/editor-plugin-table": "^28.0.0",
|
|
133
133
|
"@atlaskit/editor-plugin-tasks-and-decisions": "^19.0.0",
|
|
134
134
|
"@atlaskit/editor-plugin-text-color": "^16.0.0",
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
144
144
|
"@atlaskit/media-picker": "^72.3.0",
|
|
145
145
|
"@atlaskit/media-test-helpers": "^42.3.0",
|
|
146
|
-
"@atlaskit/media-ui": "^30.
|
|
146
|
+
"@atlaskit/media-ui": "^30.14.0",
|
|
147
147
|
"@atlaskit/modal-dialog": "^16.5.0",
|
|
148
148
|
"@atlaskit/navigation-system": "^10.16.0",
|
|
149
149
|
"@atlaskit/popper": "^9.3.0",
|
|
@@ -175,7 +175,6 @@
|
|
|
175
175
|
"@types/is-number": "^7.0.0",
|
|
176
176
|
"@types/react-transition-group": "^2.0.6",
|
|
177
177
|
"diff": "^4.0.1",
|
|
178
|
-
"enzyme": "^3.10.0",
|
|
179
178
|
"jscodeshift": "^17.0.0",
|
|
180
179
|
"mockdate": "^3.0.5",
|
|
181
180
|
"raf-stub": "^2.0.1",
|