@atlaskit/editor-core 224.2.1 → 224.2.2

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-core
 
+## 224.2.2
+
+### Patch Changes
+
+- [`355d6f13eb8b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/355d6f13eb8b4) -
+  Pass the element the editor renders itself into to plugin hooks as `wrapperElement`, which
+  `PluginSlot` already receives.
+- [`f8a30b9c66bf8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f8a30b9c66bf8) -
+  Replace each hardcoded colour in the show-diff deleted-node selectors with
+  `var(--diff-delete-*, <the same token as before>)`, in both `smartCardStyles.ts` and its inlined
+  duplicate in `EditorContentContainer-compiled.tsx`.
+
+  No visual change: nothing sets these variables yet, so every declaration resolves to its current
+  value. All `-traditional` selectors are retained and opacity is untouched.
+
+  Groundwork for EDITOR-8551, ahead of the gated change that lets a colour scheme drive these
+  selectors.
+
+- Updated dependencies
+
 ## 224.2.1
 
 ### Patch Changes

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -140,8 +140,8 @@
 .cc-13ipadj{ms-overflow-style:-ms-autohiding-scrollbar}.cc-13ipadj::-webkit-scrollbar-corner{display:none}.cc-13ipadj::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-13ipadj:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-13ipadj::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
 .cc-xj7ujp .ProseMirror-selectednode{outline-color:currentColor;outline-style:none;outline-width:medium}.cc-xj7ujp .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}.cc-1u1dmuf [aria-label="Selection toolbar"]{animation-name:k1xe95hp;animation-duration:.2s;animation-timing-function:cubic-bezier(.6,0,0,1)}
 .cc-7ldcy .ProseMirror .left-shadow:after, .cc-7ldcy .ProseMirror .left-shadow:before, .cc-7ldcy .ProseMirror .right-shadow:after, .cc-7ldcy .ProseMirror .right-shadow:before{display:none;position:absolute;pointer-events:none;z-index:2;width:8px;content:"";height:100%}.cc-7ldcy .ProseMirror .left-shadow, .cc-7ldcy .ProseMirror .right-shadow{position:relative}.cc-7ldcy .ProseMirror .left-shadow:before{background:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);top:0;left:0;display:block}.cc-7ldcy .ProseMirror .right-shadow:after{background:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);right:0;top:0;display:block}.cc-7ldcy .ProseMirror .sentinel-left{height:100%;width:0;min-width:0}.cc-7ldcy .ProseMirror .sentinel-right{height:100%;width:0;min-width:0}
-.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-gray,#7d818a);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.6}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-gray,#7d818a);border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}
-.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}
+.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.6}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}
+.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}
 .cc-v28bhv .embedCardView-content-wrap[data-testid=show-diff-changed-decoration-node] .loader-wrapper>div:after{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-decoration-marker-color);border-color:transparent}
 .cc-1v4mcpy .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1v4mcpy .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1v4mcpy .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1v4mcpy .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1v4mcpy .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1v4mcpy .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
 .cc-1y0ifdm .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1y0ifdm .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1y0ifdm .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block):not(.danger) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1y0ifdm .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1y0ifdm .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1y0ifdm .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}

package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -85,23 +85,23 @@ var smartCardDiffStyles = exports.smartCardDiffStyles = (0, _react.css)((0, _def
  */
 var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
+  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-gray, #7D818A)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-new, ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
   opacity: 0.6
@@ -109,7 +109,7 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
+    boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-gray, #7D818A)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)",
     opacity: 0.6
   }
@@ -117,28 +117,28 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+    boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-new, ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)",
     opacity: 0.6
   }
@@ -146,10 +146,10 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
   textDecoration: 'line-through'
 }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
   textDecoration: 'line-through',
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
 }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
   textDecoration: 'line-through',
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
 }));
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
@@ -161,23 +161,23 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
  */
 var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-new, ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
   opacity: 0.8
@@ -185,7 +185,7 @@ var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _r
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+    boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)",
     opacity: 0.8
   }
@@ -193,28 +193,28 @@ var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _r
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 var(--diff-decoration-marker-ring-width, 1px) ".concat("var(--ds-border-accent-red, #E2483D)"),
+    boxShadow: "0 0 0 var(--diff-decoration-marker-ring-width, 1px) var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-new, ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)",
     opacity: 0.8
   }
@@ -222,10 +222,10 @@ var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _r
   textDecoration: 'line-through'
 }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
   textDecoration: 'line-through',
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
 }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
   textDecoration: 'line-through',
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
 }));
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css

package/dist/cjs/ui/PluginSlot/index.js

@@ -73,7 +73,8 @@ var PluginSlot = function PluginSlot(_ref2) {
   }, /*#__PURE__*/_react.default.createElement(_mountPluginHooks.MountPluginHooks, {
     editorView: editorView,
     pluginHooks: pluginHooks,
-    containerElement: containerElement
+    containerElement: containerElement,
+    wrapperElement: wrapperElement
   }), /*#__PURE__*/_react.default.createElement(PluginsComponentsWrapperMigration, {
     "data-testid": "plugins-components-wrapper"
   }, items === null || items === void 0 ? void 0 : items.map(function (component, index) {

package/dist/cjs/ui/PluginSlot/mount-plugin-hooks.js

@@ -9,17 +9,20 @@ var _react = _interopRequireDefault(require("react"));
 function MountPluginHook(_ref) {
   var usePluginHook = _ref.usePluginHook,
     editorView = _ref.editorView,
-    containerElement = _ref.containerElement;
+    containerElement = _ref.containerElement,
+    wrapperElement = _ref.wrapperElement;
   usePluginHook({
     editorView: editorView,
-    containerElement: containerElement
+    containerElement: containerElement,
+    wrapperElement: wrapperElement
   });
   return null;
 }
 function MountPluginHooks(_ref2) {
   var pluginHooks = _ref2.pluginHooks,
     editorView = _ref2.editorView,
-    containerElement = _ref2.containerElement;
+    containerElement = _ref2.containerElement,
+    wrapperElement = _ref2.wrapperElement;
   if (!editorView) {
     return null;
   }
@@ -38,7 +41,8 @@ function MountPluginHooks(_ref2) {
       key: pluginName !== null && pluginName !== void 0 ? pluginName : index,
       usePluginHook: usePluginHook,
       editorView: editorView,
-      containerElement: containerElement
+      containerElement: containerElement,
+      wrapperElement: wrapperElement
     });
   }));
 }

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "224.2.0";
+var version = exports.version = "224.2.1";

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -140,8 +140,8 @@
 .cc-13ipadj{ms-overflow-style:-ms-autohiding-scrollbar}.cc-13ipadj::-webkit-scrollbar-corner{display:none}.cc-13ipadj::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-13ipadj:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-13ipadj::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
 .cc-xj7ujp .ProseMirror-selectednode{outline-color:currentColor;outline-style:none;outline-width:medium}.cc-xj7ujp .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}.cc-1u1dmuf [aria-label="Selection toolbar"]{animation-name:k1xe95hp;animation-duration:.2s;animation-timing-function:cubic-bezier(.6,0,0,1)}
 .cc-7ldcy .ProseMirror .left-shadow:after, .cc-7ldcy .ProseMirror .left-shadow:before, .cc-7ldcy .ProseMirror .right-shadow:after, .cc-7ldcy .ProseMirror .right-shadow:before{display:none;position:absolute;pointer-events:none;z-index:2;width:8px;content:"";height:100%}.cc-7ldcy .ProseMirror .left-shadow, .cc-7ldcy .ProseMirror .right-shadow{position:relative}.cc-7ldcy .ProseMirror .left-shadow:before{background:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);top:0;left:0;display:block}.cc-7ldcy .ProseMirror .right-shadow:after{background:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);right:0;top:0;display:block}.cc-7ldcy .ProseMirror .sentinel-left{height:100%;width:0;min-width:0}.cc-7ldcy .ProseMirror .sentinel-right{height:100%;width:0;min-width:0}
-.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-gray,#7d818a);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.6}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-gray,#7d818a);border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}
-.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}
+.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.6}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}
+.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}
 .cc-v28bhv .embedCardView-content-wrap[data-testid=show-diff-changed-decoration-node] .loader-wrapper>div:after{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-decoration-marker-color);border-color:transparent}
 .cc-1v4mcpy .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1v4mcpy .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1v4mcpy .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1v4mcpy .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1v4mcpy .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1v4mcpy .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
 .cc-1y0ifdm .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1y0ifdm .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1y0ifdm .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block):not(.danger) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1y0ifdm .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1y0ifdm .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1y0ifdm .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}

package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -90,31 +90,31 @@ export const showDiffDeletedNodeStyles = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-gray, #7D818A)"}`,
+      boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-gray, #7D818A)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node-traditional .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
+      boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtlest, #FFECEB)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-new, ${"var(--ds-background-accent-red-subtlest, #FFECEB)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node-traditional.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
@@ -127,7 +127,7 @@ export const showDiffDeletedNodeStyles = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-gray, #7D818A)"}`,
+      boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-gray, #7D818A)"})`,
       borderRadius: "var(--ds-radius-small, 4px)",
       opacity: 0.6
     }
@@ -137,7 +137,7 @@ export const showDiffDeletedNodeStyles = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
+      boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
       borderRadius: "var(--ds-radius-small, 4px)"
     }
   },
@@ -146,7 +146,7 @@ export const showDiffDeletedNodeStyles = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtlest, #FFECEB)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-new, ${"var(--ds-background-accent-red-subtlest, #FFECEB)"})`,
       borderRadius: "var(--ds-radius-small, 4px)"
     }
   },
@@ -155,7 +155,7 @@ export const showDiffDeletedNodeStyles = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
       borderRadius: "var(--ds-radius-small, 4px)"
     }
   },
@@ -164,7 +164,7 @@ export const showDiffDeletedNodeStyles = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
       borderRadius: "var(--ds-radius-small, 4px)",
       opacity: 0.6
     }
@@ -176,12 +176,12 @@ export const showDiffDeletedNodeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional': {
     textDecoration: 'line-through',
-    textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional': {
     textDecoration: 'line-through',
-    textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`
   }
 });
 
@@ -198,31 +198,31 @@ export const showDiffDeletedNodeStylesNew = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
+      boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node-traditional .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
+      boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtlest, #FFECEB)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-new, ${"var(--ds-background-accent-red-subtlest, #FFECEB)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node-traditional.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
     [`&.show-diff-deleted-node.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
       borderColor: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
@@ -235,7 +235,7 @@ export const showDiffDeletedNodeStylesNew = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
+      boxShadow: `0 0 0 1px var(--diff-delete-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
       borderRadius: "var(--ds-radius-small, 4px)",
       opacity: 0.8
     }
@@ -245,7 +245,7 @@ export const showDiffDeletedNodeStylesNew = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 var(--diff-decoration-marker-ring-width, 1px) ${"var(--ds-border-accent-red, #E2483D)"}`,
+      boxShadow: `0 0 0 var(--diff-decoration-marker-ring-width, 1px) var(--diff-delete-color, ${"var(--ds-border-accent-red, #E2483D)"})`,
       borderRadius: "var(--ds-radius-small, 4px)"
     }
   },
@@ -254,7 +254,7 @@ export const showDiffDeletedNodeStylesNew = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtlest, #FFECEB)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-new, ${"var(--ds-background-accent-red-subtlest, #FFECEB)"})`,
       borderRadius: "var(--ds-radius-small, 4px)"
     }
   },
@@ -263,7 +263,7 @@ export const showDiffDeletedNodeStylesNew = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
       borderRadius: "var(--ds-radius-small, 4px)"
     }
   },
@@ -272,7 +272,7 @@ export const showDiffDeletedNodeStylesNew = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '& > div': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
+      boxShadow: `0 0 0 4px var(--diff-delete-color-active, ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"})`,
       borderRadius: "var(--ds-radius-small, 4px)",
       opacity: 0.8
     }
@@ -284,12 +284,12 @@ export const showDiffDeletedNodeStylesNew = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional': {
     textDecoration: 'line-through',
-    textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional': {
     textDecoration: 'line-through',
-    textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+    textDecorationColor: `var(--diff-delete-text-decoration-color, ${"var(--ds-border-accent-red, #E2483D)"})`
   }
 });
 /**

package/dist/es2019/ui/PluginSlot/index.js

@@ -66,7 +66,8 @@ const PluginSlot = ({
   }, /*#__PURE__*/React.createElement(MountPluginHooks, {
     editorView: editorView,
     pluginHooks: pluginHooks,
-    containerElement: containerElement
+    containerElement: containerElement,
+    wrapperElement: wrapperElement
   }), /*#__PURE__*/React.createElement(PluginsComponentsWrapperMigration, {
     "data-testid": "plugins-components-wrapper"
   }, items === null || items === void 0 ? void 0 : items.map((component, index) => {

package/dist/es2019/ui/PluginSlot/mount-plugin-hooks.js

@@ -2,18 +2,21 @@ import React from 'react';
 function MountPluginHook({
   usePluginHook,
   editorView,
-  containerElement
+  containerElement,
+  wrapperElement
 }) {
   usePluginHook({
     editorView,
-    containerElement
+    containerElement,
+    wrapperElement
   });
   return null;
 }
 export function MountPluginHooks({
   pluginHooks,
   editorView,
-  containerElement
+  containerElement,
+  wrapperElement
 }) {
   if (!editorView) {
     return null;
@@ -33,7 +36,8 @@ export function MountPluginHooks({
       key: pluginName !== null && pluginName !== void 0 ? pluginName : index,
       usePluginHook: usePluginHook,
       editorView: editorView,
-      containerElement: containerElement
+      containerElement: containerElement,
+      wrapperElement: wrapperElement
     });
   }));
 }

package/dist/es2019/version-wrapper.js

@@ -1,3 +1,3 @@
 export const name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const version = "224.2.0";
+export const version = "224.2.1";

package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -140,8 +140,8 @@
 .cc-13ipadj{ms-overflow-style:-ms-autohiding-scrollbar}.cc-13ipadj::-webkit-scrollbar-corner{display:none}.cc-13ipadj::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}.cc-13ipadj:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e);border-radius:var(--ds-radius-large,8px)}.cc-13ipadj::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
 .cc-xj7ujp .ProseMirror-selectednode{outline-color:currentColor;outline-style:none;outline-width:medium}.cc-xj7ujp .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}.cc-1u1dmuf [aria-label="Selection toolbar"]{animation-name:k1xe95hp;animation-duration:.2s;animation-timing-function:cubic-bezier(.6,0,0,1)}
 .cc-7ldcy .ProseMirror .left-shadow:after, .cc-7ldcy .ProseMirror .left-shadow:before, .cc-7ldcy .ProseMirror .right-shadow:after, .cc-7ldcy .ProseMirror .right-shadow:before{display:none;position:absolute;pointer-events:none;z-index:2;width:8px;content:"";height:100%}.cc-7ldcy .ProseMirror .left-shadow, .cc-7ldcy .ProseMirror .right-shadow{position:relative}.cc-7ldcy .ProseMirror .left-shadow:before{background:linear-gradient(to left,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to right,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);top:0;left:0;display:block}.cc-7ldcy .ProseMirror .right-shadow:after{background:linear-gradient(to right,transparent 0,var(--ds-shadow-overflow-spread,#1e1f2129) 140%),linear-gradient(to left,var(--ds-shadow-overflow-perimeter,#1e1f211f) 0,transparent 1px);right:0;top:0;display:block}.cc-7ldcy .ProseMirror .sentinel-left{height:100%;width:0;min-width:0}.cc-7ldcy .ProseMirror .sentinel-right{height:100%;width:0;min-width:0}
-.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-gray,#7d818a);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.6}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-gray,#7d818a);border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}
-.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--ds-border-accent-red,#e2483d);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtlest,#ffeceb);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--ds-background-accent-red-subtler-pressed,#fd9891);border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--ds-border-accent-red,#e2483d)}
+.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-1cupvcw .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.6}.cc-1cupvcw .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-gray,#7d818a));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-1cupvcw .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.6}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-1cupvcw [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}.cc-1cupvcw [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}
+.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node-traditional.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node.show-diff-deleted-active .loader-wrapper>div:after{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-color:transparent}.cc-yt5ulr .embedCardView-content-wrap.show-diff-deleted-node .loader-wrapper{opacity:.8}.cc-yt5ulr .show-diff-deleted-node .media-card-wrapper>div{box-shadow:0 0 0 1px var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr .show-diff-deleted-node-traditional .media-card-wrapper>div{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-delete-color,var(--ds-border-accent-red,#e2483d));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-new,var(--ds-background-accent-red-subtlest,#ffeceb));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px)}.cc-yt5ulr .show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper>div{box-shadow:0 0 0 4px var(--diff-delete-color-active,var(--ds-background-accent-red-subtler-pressed,#fd9891));border-radius:var(--ds-radius-small,4px);opacity:.8}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid}.cc-yt5ulr [data-prosemirror-node-name=blockquote].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}.cc-yt5ulr [data-prosemirror-node-name=embedCard].show-diff-deleted-node-traditional{text-decoration-color:currentColor;text-decoration-line:line-through;text-decoration-style:solid;text-decoration-color:var(--diff-delete-text-decoration-color,var(--ds-border-accent-red,#e2483d))}
 .cc-v28bhv .embedCardView-content-wrap[data-testid=show-diff-changed-decoration-node] .loader-wrapper>div:after{box-shadow:0 0 0 var(--diff-decoration-marker-ring-width,1px) var(--diff-decoration-marker-color);border-color:transparent}
 .cc-1v4mcpy .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1v4mcpy .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1v4mcpy .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1v4mcpy .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1v4mcpy .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1v4mcpy .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1v4mcpy .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1v4mcpy .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1v4mcpy .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1v4mcpy .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1v4mcpy .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1v4mcpy .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1v4mcpy .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
 .cc-1y0ifdm .inlineCardView-content-wrap{max-width:calc(100% - 20px);vertical-align:top;word-break:break-all}.cc-1y0ifdm .inlineCardView-content-wrap .card-with-comment{background:var(--ds-background-accent-yellow-subtler,#f5e989);border-bottom:2px solid var(--ds-border-accent-yellow,#b38600);box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}.cc-1y0ifdm .inlineCardView-content-wrap .card{padding-left:var(--ds-space-025,2px);padding-right:var(--ds-space-025,2px);padding-top:var(--ds-space-100,8px);padding-bottom:var(--ds-space-100,8px);margin-bottom:var(--ds-space-negative-100,-8px)}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus ::selection, .cc-1y0ifdm .inlineCardView-content-wrap .card .loader-wrapper>a:focus::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection, .cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a::-moz-selection{background-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap.ak-editor-selected-node:not(.search-match-block):not(.danger) .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .inlineCardView-content-wrap .loader-wrapper>a{z-index:1;position:relative}.cc-1y0ifdm .inlineCardView-content-wrap.danger .loader-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d);z-index:2}.cc-1y0ifdm .blockCardView-content-wrap{display:block;margin-top:.75rem;margin-right:0;margin-bottom:0;margin-left:0;max-width:760px}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div ::-moz-selection, .cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div::-moz-selection{background-color:transparent}.cc-1y0ifdm .blockCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div{border-radius:var(--ds-radius-large,8px)}.cc-1y0ifdm .blockCardView-content-wrap.danger .loader-wrapper>div{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap{max-width:100%;display:flex;justify-content:center}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap .datasourceView-content-inner-wrap{cursor:pointer;background-color:var(--ds-background-neutral-subtle,#00000000);border-radius:var(--ds-radius-large,8px);border:1px solid var(--ds-border,#0b120e24);overflow-x:hidden;overflow-y:hidden}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap ::selection, .cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap::selection{background-color:transparent}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.ak-editor-selected-node .datasourceView-content-inner-wrap input::-moz-selection{background-color:var(--ds-background-selected-hovered,#cfe1fd)}.cc-1y0ifdm .datasourceView-content-wrap.blockCardView-content-wrap.danger .datasourceView-content-inner-wrap{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div{cursor:pointer}.cc-1y0ifdm .embedCardView-content-wrap .loader-wrapper>div:after{transition:box-shadow 0s}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after ::-moz-selection, .cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node .loader-wrapper>div:after::-moz-selection{background-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.ak-editor-selected-node:not(.search-match-block) .loader-wrapper>div:after{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1y0ifdm .embedCardView-content-wrap.danger .media-card-frame:after{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)!important;background:var(--ds-background-danger,#ffeceb)!important}.cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-left:after, .cc-1y0ifdm .embedCardView-content-wrap.danger .richMedia-resize-handle-right:after{background:var(--ds-border-danger,#e2483d)}.cc-1y0ifdm .card-floating-toolbar--link-picker{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}

package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -78,23 +78,23 @@ export var smartCardDiffStyles = css(_defineProperty({}, ".".concat(SmartCardSha
  */
 export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
+  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-gray, #7D818A)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-new, ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
   opacity: 0.6
@@ -102,7 +102,7 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defi
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
+    boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-gray, #7D818A)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)",
     opacity: 0.6
   }
@@ -110,28 +110,28 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defi
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+    boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-new, ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)",
     opacity: 0.6
   }
@@ -139,10 +139,10 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defi
   textDecoration: 'line-through'
 }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
   textDecoration: 'line-through',
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
 }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
   textDecoration: 'line-through',
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
 }));
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
@@ -154,23 +154,23 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defi
  */
 export var showDiffDeletedNodeStylesNew = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-new, ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node-traditional.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node.show-diff-deleted-active .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+  boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
   borderColor: 'transparent'
 }), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
   opacity: 0.8
@@ -178,7 +178,7 @@ export var showDiffDeletedNodeStylesNew = css(_defineProperty(_defineProperty(_d
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+    boxShadow: "0 0 0 1px var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)",
     opacity: 0.8
   }
@@ -186,28 +186,28 @@ export var showDiffDeletedNodeStylesNew = css(_defineProperty(_defineProperty(_d
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 var(--diff-decoration-marker-ring-width, 1px) ".concat("var(--ds-border-accent-red, #E2483D)"),
+    boxShadow: "0 0 0 var(--diff-decoration-marker-ring-width, 1px) var(--diff-delete-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-new, ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)"
   }
 }), '.show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& > div': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
-    boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
+    boxShadow: "0 0 0 4px var(--diff-delete-color-active, ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)", ")"),
     borderRadius: "var(--ds-radius-small, 4px)",
     opacity: 0.8
   }
@@ -215,10 +215,10 @@ export var showDiffDeletedNodeStylesNew = css(_defineProperty(_defineProperty(_d
   textDecoration: 'line-through'
 }), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
   textDecoration: 'line-through',
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
 }), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
   textDecoration: 'line-through',
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
+  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")")
 }));
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css

package/dist/esm/ui/PluginSlot/index.js

@@ -66,7 +66,8 @@ var PluginSlot = function PluginSlot(_ref2) {
   }, /*#__PURE__*/React.createElement(MountPluginHooks, {
     editorView: editorView,
     pluginHooks: pluginHooks,
-    containerElement: containerElement
+    containerElement: containerElement,
+    wrapperElement: wrapperElement
   }), /*#__PURE__*/React.createElement(PluginsComponentsWrapperMigration, {
     "data-testid": "plugins-components-wrapper"
   }, items === null || items === void 0 ? void 0 : items.map(function (component, index) {

package/dist/esm/ui/PluginSlot/mount-plugin-hooks.js

@@ -2,17 +2,20 @@ import React from 'react';
 function MountPluginHook(_ref) {
   var usePluginHook = _ref.usePluginHook,
     editorView = _ref.editorView,
-    containerElement = _ref.containerElement;
+    containerElement = _ref.containerElement,
+    wrapperElement = _ref.wrapperElement;
   usePluginHook({
     editorView: editorView,
-    containerElement: containerElement
+    containerElement: containerElement,
+    wrapperElement: wrapperElement
   });
   return null;
 }
 export function MountPluginHooks(_ref2) {
   var pluginHooks = _ref2.pluginHooks,
     editorView = _ref2.editorView,
-    containerElement = _ref2.containerElement;
+    containerElement = _ref2.containerElement,
+    wrapperElement = _ref2.wrapperElement;
   if (!editorView) {
     return null;
   }
@@ -31,7 +34,8 @@ export function MountPluginHooks(_ref2) {
       key: pluginName !== null && pluginName !== void 0 ? pluginName : index,
       usePluginHook: usePluginHook,
       editorView: editorView,
-      containerElement: containerElement
+      containerElement: containerElement,
+      wrapperElement: wrapperElement
     });
   }));
 }

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "224.2.0";
+export var version = "224.2.1";

package/dist/types/ui/PluginSlot/mount-plugin-hooks.d.ts

@@ -5,6 +5,7 @@ interface MountPluginHooksProps {
     containerElement: HTMLElement | null;
     editorView: EditorView | undefined;
     pluginHooks: NamedReactHookFactory[] | undefined;
+    wrapperElement?: HTMLElement | null;
 }
-export declare function MountPluginHooks({ pluginHooks, editorView, containerElement, }: MountPluginHooksProps): React.JSX.Element | null;
+export declare function MountPluginHooks({ pluginHooks, editorView, containerElement, wrapperElement, }: MountPluginHooksProps): React.JSX.Element | null;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "224.2.1",
+	"version": "224.2.2",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -71,7 +71,7 @@
 		"@atlaskit/task-decision": "^21.8.0",
 		"@atlaskit/tmp-editor-statsig": "^153.0.0",
 		"@atlaskit/tokens": "^16.7.0",
-		"@atlaskit/tooltip": "^24.0.0",
+		"@atlaskit/tooltip": "^24.1.0",
 		"@atlaskit/width-detector": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -87,7 +87,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^119.9.0",
+		"@atlaskit/editor-common": "^119.10.0",
 		"@atlaskit/link-provider": "^5.3.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
@@ -113,8 +113,8 @@
 		"@atlaskit/media-core": "^38.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^42.2.0",
-		"@atlaskit/modal-dialog": "^16.3.0",
-		"@atlaskit/popper": "^9.1.0",
+		"@atlaskit/modal-dialog": "^16.4.0",
+		"@atlaskit/popper": "^9.2.0",
 		"@atlaskit/portal": "^6.2.0",
 		"@atlaskit/renderer": "^136.1.0",
 		"@atlaskit/section-message": "^10.0.0",