@atlaskit/editor-core 223.1.5 → 223.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/compass.yml +3 -3
  3. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
  4. package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +33 -0
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
  7. package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +33 -0
  8. package/dist/es2019/version-wrapper.js +1 -1
  9. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +1 -1
  10. package/dist/esm/ui/EditorContentContainer/styles/mentions.js +33 -0
  11. package/dist/esm/version-wrapper.js +1 -1
  12. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 223.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`13e86ff9f1588`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/13e86ff9f1588) -
8
+ [ux] Display avatars for mention nodes.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
3
14
  ## 223.1.5
4
15
 
5
16
  ### Patch Changes
package/compass.yml CHANGED
@@ -3,7 +3,7 @@ id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-35
3
3
  description: A package contains Atlassian editor core functionality
4
4
  configVersion: 1
5
5
  typeId: UI_ELEMENT
6
- ownerId: ari:cloud:teams::team/cf6a670b-5252-4c68-a769-9207de366beb # Editor FE Platform
6
+ ownerId: ari:cloud:identity::team/cf6a670b-5252-4c68-a769-9207de366beb # Editor Developers
7
7
  fields:
8
8
  tier: 2
9
9
  lifecycle: Active
@@ -38,7 +38,7 @@ links:
38
38
  url: https://atlassian.slack.com/app_redirect?channel=help-editor
39
39
  - name: Slack Channel
40
40
  type: CHAT_CHANNEL
41
- url: https://atlassian.enterprise.slack.com/archives/C03SD6QJWPP # #cc-editor-lego
41
+ url: https://atlassian.enterprise.slack.com/archives/CFG3PSQ9E # #help-editor
42
42
  - name: Editor Core
43
43
  type: REPOSITORY
44
44
  url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/editor/editor-core
@@ -53,7 +53,7 @@ labels:
53
53
  customFields:
54
54
  - name: Department
55
55
  type: text
56
- value: Eng - Editor Frontend Platform
56
+ value: Editor Developers
57
57
  - name: Trusted Reviewer Teams
58
58
  type: text
59
59
  value: ari:cloud:identity::team/cf6a670b-5252-4c68-a769-9207de366beb
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -110,7 +110,7 @@
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
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-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive.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)}
113
+ .cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:var(--ds-space-200,1pc);height:var(--ds-space-200,1pc);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:baseline}.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)}
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)}
package/dist/cjs/ui/EditorContentContainer/styles/mentions.js CHANGED
@@ -84,6 +84,39 @@ var mentionNodeStyles = exports.mentionNodeStyles = (0, _react.css)({
84
84
  background: "var(--ds-background-neutral-pressed, #080F214A)"
85
85
  }
86
86
  },
87
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
88
+ '.editor-mention-primitive-with-avatar': {
89
+ padding: '1px 0.3em 1px 0.23em'
90
+ },
91
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
92
+ '.editor-mention-avatar': {
93
+ display: 'inline-flex',
94
+ width: "var(--ds-space-200, 16px)",
95
+ height: "var(--ds-space-200, 16px)",
96
+ alignItems: 'center',
97
+ justifyContent: 'center',
98
+ flexShrink: 0,
99
+ marginInlineEnd: "var(--ds-space-050, 4px)",
100
+ overflow: 'hidden',
101
+ borderRadius: "var(--ds-radius-full, 9999px)",
102
+ verticalAlign: '-0.125em'
103
+ },
104
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
105
+ '.editor-mention-avatar-fallback': {
106
+ verticalAlign: 'baseline'
107
+ },
108
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
109
+ '.editor-mention-avatar-agent': {
110
+ borderRadius: 0,
111
+ clipPath: 'polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%)'
112
+ },
113
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
114
+ '.editor-mention-avatar-image': {
115
+ display: 'block',
116
+ width: '100%',
117
+ height: '100%',
118
+ objectFit: 'cover'
119
+ },
87
120
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
88
121
  '.editor-mention-primitive.mention-restricted': {
89
122
  background: 'transparent',
package/dist/cjs/version-wrapper.js CHANGED
@@ -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 = "223.1.4";
9
+ var version = exports.version = "223.1.5";
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -110,7 +110,7 @@
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
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-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive.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)}
113
+ .cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:var(--ds-space-200,1pc);height:var(--ds-space-200,1pc);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:baseline}.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)}
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)}
package/dist/es2019/ui/EditorContentContainer/styles/mentions.js CHANGED
@@ -90,6 +90,39 @@ export const mentionNodeStyles = css({
90
90
  background: "var(--ds-background-neutral-pressed, #080F214A)"
91
91
  }
92
92
  },
93
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
94
+ '.editor-mention-primitive-with-avatar': {
95
+ padding: '1px 0.3em 1px 0.23em'
96
+ },
97
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
98
+ '.editor-mention-avatar': {
99
+ display: 'inline-flex',
100
+ width: "var(--ds-space-200, 16px)",
101
+ height: "var(--ds-space-200, 16px)",
102
+ alignItems: 'center',
103
+ justifyContent: 'center',
104
+ flexShrink: 0,
105
+ marginInlineEnd: "var(--ds-space-050, 4px)",
106
+ overflow: 'hidden',
107
+ borderRadius: "var(--ds-radius-full, 9999px)",
108
+ verticalAlign: '-0.125em'
109
+ },
110
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
111
+ '.editor-mention-avatar-fallback': {
112
+ verticalAlign: 'baseline'
113
+ },
114
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
115
+ '.editor-mention-avatar-agent': {
116
+ borderRadius: 0,
117
+ clipPath: 'polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%)'
118
+ },
119
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
120
+ '.editor-mention-avatar-image': {
121
+ display: 'block',
122
+ width: '100%',
123
+ height: '100%',
124
+ objectFit: 'cover'
125
+ },
93
126
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
94
127
  '.editor-mention-primitive.mention-restricted': {
95
128
  background: 'transparent',
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export const name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export const version = "223.1.4";
3
+ export const version = "223.1.5";
package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -110,7 +110,7 @@
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
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-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive.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)}
113
+ .cc-f3tkhc .show-diff-atomic-inline-changed-mention{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-f3tkhc .show-diff-atomic-inline-changed-mention .editor-mention-primitive{box-shadow:0 0 0 2px var(--show-diff-atomic-inline-changed-border-color)}.cc-f3tkhc .editor-mention-primitive{display:inline;border-radius:var(--ds-radius-full,9999px);cursor:pointer;padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em;line-height:1.714;font-weight:var(--ds-font-weight-regular,400);word-break:break-word;background:var(--ds-background-neutral,#0515240f);border:1px solid transparent;color:var(--ds-text-subtle,#505258)}.cc-f3tkhc .editor-mention-primitive:hover{background:var(--ds-background-neutral-hovered,#0b120e24)}.cc-f3tkhc .editor-mention-primitive:active{background:var(--ds-background-neutral-pressed,#080f214a)}.cc-f3tkhc .editor-mention-primitive-with-avatar{padding-top:1px;padding-right:.3em;padding-bottom:1px;padding-left:.23em}.cc-f3tkhc .editor-mention-avatar{display:inline-flex;width:var(--ds-space-200,1pc);height:var(--ds-space-200,1pc);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:baseline}.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)}
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)}
package/dist/esm/ui/EditorContentContainer/styles/mentions.js CHANGED
@@ -77,6 +77,39 @@ export var mentionNodeStyles = css({
77
77
  background: "var(--ds-background-neutral-pressed, #080F214A)"
78
78
  }
79
79
  },
80
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
81
+ '.editor-mention-primitive-with-avatar': {
82
+ padding: '1px 0.3em 1px 0.23em'
83
+ },
84
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
85
+ '.editor-mention-avatar': {
86
+ display: 'inline-flex',
87
+ width: "var(--ds-space-200, 16px)",
88
+ height: "var(--ds-space-200, 16px)",
89
+ alignItems: 'center',
90
+ justifyContent: 'center',
91
+ flexShrink: 0,
92
+ marginInlineEnd: "var(--ds-space-050, 4px)",
93
+ overflow: 'hidden',
94
+ borderRadius: "var(--ds-radius-full, 9999px)",
95
+ verticalAlign: '-0.125em'
96
+ },
97
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
98
+ '.editor-mention-avatar-fallback': {
99
+ verticalAlign: 'baseline'
100
+ },
101
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
102
+ '.editor-mention-avatar-agent': {
103
+ borderRadius: 0,
104
+ clipPath: 'polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%)'
105
+ },
106
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Vanilla mention NodeView styles are scoped under the editor container.
107
+ '.editor-mention-avatar-image': {
108
+ display: 'block',
109
+ width: '100%',
110
+ height: '100%',
111
+ objectFit: 'cover'
112
+ },
80
113
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
81
114
  '.editor-mention-primitive.mention-restricted': {
82
115
  background: 'transparent',
package/dist/esm/version-wrapper.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export var name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export var version = "223.1.4";
3
+ export var version = "223.1.5";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "223.1.5",
3
+ "version": "223.2.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -53,23 +53,23 @@
53
53
  "@atlaskit/editor-plugins": "^15.0.0",
54
54
  "@atlaskit/editor-prosemirror": "^8.0.0",
55
55
  "@atlaskit/editor-shared-styles": "^4.0.0",
56
- "@atlaskit/editor-ssr-renderer": "^9.0.0",
56
+ "@atlaskit/editor-ssr-renderer": "^9.1.0",
57
57
  "@atlaskit/editor-toolbar": "^2.4.0",
58
58
  "@atlaskit/editor-toolbar-model": "^1.2.0",
59
59
  "@atlaskit/emoji": "^71.16.0",
60
60
  "@atlaskit/feature-gate-js-client": "^6.0.0",
61
61
  "@atlaskit/icon": "^37.3.0",
62
- "@atlaskit/insm": "^1.3.0",
62
+ "@atlaskit/insm": "^2.0.0",
63
63
  "@atlaskit/link": "^5.0.0",
64
64
  "@atlaskit/media-card": "^81.6.0",
65
- "@atlaskit/mention": "^27.15.0",
65
+ "@atlaskit/mention": "^27.16.0",
66
66
  "@atlaskit/platform-feature-experiments": "^0.3.0",
67
67
  "@atlaskit/platform-feature-flags": "^2.1.0",
68
68
  "@atlaskit/platform-feature-flags-react": "^1.1.0",
69
69
  "@atlaskit/react-compiler-gating": "^0.2.0",
70
70
  "@atlaskit/react-ufo": "^7.5.0",
71
71
  "@atlaskit/task-decision": "^21.8.0",
72
- "@atlaskit/tmp-editor-statsig": "^147.0.0",
72
+ "@atlaskit/tmp-editor-statsig": "^147.1.0",
73
73
  "@atlaskit/tokens": "^16.7.0",
74
74
  "@atlaskit/tooltip": "^24.0.0",
75
75
  "@atlaskit/width-detector": "^7.0.0",
@@ -87,7 +87,7 @@
87
87
  "uuid": "^3.1.0"
88
88
  },
89
89
  "peerDependencies": {
90
- "@atlaskit/editor-common": "^118.11.0",
90
+ "@atlaskit/editor-common": "^118.12.0",
91
91
  "@atlaskit/link-provider": "^5.3.0",
92
92
  "@atlaskit/media-core": "^38.0.0",
93
93
  "react": "^18.2.0",
@@ -103,7 +103,7 @@
103
103
  "@atlaskit/code": "^19.0.0",
104
104
  "@atlaskit/collab-provider": "^23.1.0",
105
105
  "@atlaskit/editor-plugin-annotation": "^14.0.0",
106
- "@atlaskit/editor-plugin-card": "^20.0.0",
106
+ "@atlaskit/editor-plugin-card": "^20.1.0",
107
107
  "@atlaskit/editor-plugin-list": "^16.0.0",
108
108
  "@atlaskit/editor-plugin-paste": "^15.1.0",
109
109
  "@atlaskit/editor-test-helpers": "workspace:^",
@@ -116,7 +116,7 @@
116
116
  "@atlaskit/modal-dialog": "^16.3.0",
117
117
  "@atlaskit/popper": "^9.1.0",
118
118
  "@atlaskit/portal": "^6.2.0",
119
- "@atlaskit/renderer": "^135.0.0",
119
+ "@atlaskit/renderer": "^135.1.0",
120
120
  "@atlaskit/section-message": "^10.0.0",
121
121
  "@atlaskit/synchrony-test-helpers": "workspace:^",
122
122
  "@atlaskit/toggle": "^17.1.0",