@atlaskit/editor-core 221.4.0 → 221.4.1

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

@@ -113,6 +113,7 @@
 ._1va4mihd .ProseMirror .ak-editor-bodied-sync-block.creation-loading{transition:box-shadow .2s ease-in}
 ._1vbx16tk .danger>div>div>.media-card-frame{transition:background-color 0s,box-shadow 0s}
 ._1vw512b0 .pm-breakout-resize-handle-rail-wrapper{border-radius:var(--ds-radius-small,4px)}
+._1vzrlb4i .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode{border-radius:var(--ds-radius-xsmall,2px)}
 ._1w8qq98m .ak-editor-expand.ak-editor-selected-node:not(.danger):after{background:var(--ds-border-selected,#1868db)}
 ._1waku2gc .pm-table-wrapper>table>tbody>tr>td{padding:var(--ds-space-100,8px)}
 ._1wg21bjq .ProseMirror h3{font:var(--editor-font-ugc-token-heading-h3)}
@@ -316,6 +317,7 @@
 ._36v61j28 .multiBodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.extension-container{border-color:transparent}
 ._3y8g1j28 .ProseMirror.ProseMirror-focused .ProseMirror-gapcursor{border-color:transparent}
 ._44nb1j28 .ProseMirror .code-block.ak-editor-selected-node:not(.danger){border-color:transparent}
+._4yye1j28 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode{border-color:transparent}
 ._5p2z1szp [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{border-color:#9e4c00}
 ._5p2z6qd6 [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{border-color:#fbc828}
 ._6bj4nqa1 .pm-table-wrapper .ak-editor-panel{border-style:solid}
@@ -436,6 +438,7 @@
 ._11dk1nu9 .bodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>div .extension-label>span{display:inline}
 ._11dkgrf3 .ProseMirror .ak-editor-panel__content>.ProseMirror-widget:first-child+.code-block{margin-top:0!important}
 ._11enoskh .ProseMirror .layoutSectionView-content-wrap.selected [data-layout-column]:not(:first-of-type) [data-layout-content]:before{height:calc(100% - 24px)}
+._11fl7wq0 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{background-color:var(--ds-blanket-selected,#388bff14)}
 ._11gbhwpb [data-prosemirror-node-name=blockTaskItem] [data-component=placeholder]{margin-left:calc(var(--ds-space-100, 8px)*3)}
 ._11gbj4ch .ProseMirror .ak-editor-bodied-sync-block__content{display:flow-root}
 ._11gt15cr .search-match-text.search-match-dark{color:var(--ds-text-inverse,#fff)}
@@ -521,6 +524,7 @@
 ._135a1osq .pm-table-sticky-wrapper>table{width:100%}
 ._135lidpf .ProseMirror [data-layout-section]>[data-layout-column].ak-editor-selected-node:not(.danger):before{top:0}
 ._13641bqt .ProseMirror blockquote.danger{border-left-color:var(--ds-border-danger,#e2483d)}
+._1377r4us .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
 ._137bidpf [data-prosemirror-node-name=blockTaskItem] [data-component=content]{margin-left:0}
 ._138n1kw7 .ProseMirror h4{font-style:inherit}
 ._13az1kdv .ak-editor-panel.ak-editor-selected-node:not(.danger){-webkit-user-select:text}
@@ -548,6 +552,7 @@
 ._13uz1j28 .ProseMirror [data-layout-section].ak-editor-selected-node:not(.danger) [data-layout-section] [data-layout-column]::-moz-selection{background-color:transparent}
 ._13v3glyw .ak-editor-no-interaction #newFileExperienceWrapper{box-shadow:none}
 ._13y1kb7n .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{opacity:1}
+._13zuidpf .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{top:0}
 ._140c15tv .ProseMirror h1{margin-top:1.45833em}
 ._140cs05q .ProseMirror h1{margin-top:1.667em}
 ._141u1hna [data-prosemirror-node-name=taskItem] [data-component=content]{word-wrap:break-word}
@@ -1126,8 +1131,11 @@
 ._1gbz1osq .ProseMirror .pm-table-wrapper table{max-width:100%}
 ._1gc173ad [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox][disabled]{cursor:default}
 ._1gclutpp .richMedia-resize-handle-right{padding-right:var(--ds-space-150,9pt)}
+._1gd3e0wb .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:16.25px}
+._1gd3gktf .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}
 ._1gdo1h6o .ak-editor-expand__icon-button{justify-content:center}
 ._1gej1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection{background-color:transparent}
+._1geob3bt .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{content:""}
 ._1gf31gly .danger .editor-mention-primitive{background-color:var(--ds-background-danger,#ffeceb)}
 ._1gfbidpf .multiBodiedExtensionView-content-wrap:first-of-type{margin-top:0}
 ._1gfnidpf .ak-editor-selected-node>[data-decision-wrapper]:before{left:0}
@@ -1161,6 +1169,7 @@
 ._1h341hna [data-prosemirror-node-name=blockTaskItem] [data-component=content]{word-wrap:break-word}
 ._1h36j5v0 .search-match{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f),inset 0 0 0 1px var(--ds-border-input,#8c8f97)}
 ._1h3k1j28 .pm-table-container>table{border-right-color:transparent}
+._1h6yglyw .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{pointer-events:none}
 ._1h99glyw .ProseMirror .right-shadow:before{display:none}
 ._1h9p16ux .ak-editor-expand.ak-editor-selected-node:not(.danger):after{content:"\00a0"}
 ._1hb9idpf [layout=wrap-right]+.ProseMirror-gapcursor+span+[layout=wrap-left]+*>*{margin-top:0}
@@ -1184,6 +1193,7 @@
 ._1hrr1n1a div[extensionType="com.atlassian.ai-blocks"] .extension-container:before{top:-1px}
 ._1hrzidpf :not(.fabric-editor-block-mark)>div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size) h5 style:first-child+*{margin-top:0}
 ._1hsl1osq .ProseMirror .mediaSingleView-content-wrap[layout^=wrap-]{max-width:100%}
+._1ht3idpf .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{left:0}
 ._1htf1kw7 .ProseMirror blockquote{color:inherit}
 ._1hux1rtt .bodiedExtensionView-content-wrap.danger.ak-editor-selected-node>span>.extension-edit-toggle-container>.extension-edit-toggle{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
 ._1hvp1gly .bodiedExtensionView-content-wrap.danger>span>.extension-container{background-color:var(--ds-background-danger,#ffeceb)}
@@ -1212,6 +1222,8 @@
 ._1icymz2b [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]:disabled+svg{--checkbox-background-color:var(--local-background-disabled)}
 ._1ie21sou .multiBodiedExtensionView-content-wrap.danger>span>.legacy-content-header .status-lozenge-span>span{background-color:var(--ds-background-accent-red-subtle-hovered,#fd9891)}
 ._1iej6vm6 [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-wrapper{background-color:var(--ds-background-discovery,#f8eefe)}
+._1ige1f4h .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:28px}
+._1ige1w2o .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:24.25px}
 ._1igostnw .ProseMirror [data-layout-section].ak-editor-selected-node:not(.danger) [data-layout-section] [data-layout-column]:not(:first-of-type) [data-layout-content]:before{position:absolute}
 ._1igzolhs .ProseMirror .pm-table-wrapper>table{ms-overflow-style:-ms-autohiding-scrollbar}
 ._1iikajfg .resizer-handle.small.bottom .resizer-handle-thumb{width:43px}
@@ -1258,6 +1270,7 @@
 ._1je9idpf .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child h3 style:first-child+*{margin-top:0}
 ._1jfi1bgf .ProseMirror .ak-editor-bodied-sync-block.ak-editor-selected-node .ak-editor-sync-block__label>span{color:var(--ds-text-selected,#1868db)!important}
 ._1jg61osq .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image) img{width:100%}
+._1jgcbimv .ProseMirror .ak-editor-selected-node.danger .emoji-common-emoji-unicode{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 ._1jh6idpf .ProseMirror .danger .code-block .line-number-gutter:after{top:0}
 ._1jhcidpf .pm-breakout-resize-handle-rail{opacity:0}
 ._1jhh1j28 .pm-table-sticky-wrapper>table>tbody>tr>th[data-reaches-left]{border-left-color:transparent}
@@ -1387,6 +1400,7 @@
 ._1mlf1x4e .ProseMirror h4{font-size:1em}
 ._1mni17v8 .search-match-text.search-match-dark{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder,#ae4787),inset 0 0 0 5px var(--ds-background-accent-magenta-bolder-pressed,#77325b)}
 ._1mnz1j28 .bodiedExtensionView-content-wrap:not(.danger).ak-editor-selected-node>span>.extension-container ::-moz-selection{background-color:transparent}
+._1mok1kdv .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode{-webkit-user-select:text}
 ._1mopidpf .ProseMirror .ak-editor-sync-block.view-mode .ak-editor-sync-block__label{opacity:0}
 ._1mqj1gly .extensionView-content-wrap.danger>span>.legacy-content-header{background-color:var(--ds-background-danger,#ffeceb)}
 ._1mqkstnw [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]+svg{position:absolute}
@@ -1666,6 +1680,7 @@
 ._1st71vek [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]:active+svg{--checkbox-border-color:var(--local-border-active)}
 ._1supidpf [layout=wrap-left]+.ProseMirror-gapcursor+span+[layout=wrap-right]>div{margin-right:0}
 ._1swgidpf [data-mark-type=fragment]>.extensionView-content-wrap{margin-right:0}
+._1swz1j28 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode::selection{background-color:transparent}
 ._1syri8nm .pm-table-container>table th:not(.danger) .code-block:not(.danger)>[data-ds--code--code-block]{--ds--code--line-number-bg-color:var(--ds-background-neutral,#0515240f)}
 ._1syzglyw [layout=wrap-left]+.ProseMirror-gapcursor+[layout=wrap-right]{clear:none}
 ._1sz21dm9 .ProseMirror blockquote{border-left-width:var(--ds-border-width-selected,2px)}
@@ -2086,8 +2101,11 @@
 ._51zm1kkj .ProseMirror .telepointer.color-12{--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}
 ._52e51ck0 .show-diff-deleted-node .media-card-wrapper>div{opacity:.6}
 ._52e5txnc .show-diff-deleted-node .media-card-wrapper>div{opacity:.8}
+._543h1ou6 .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:26px}
+._543hojke .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:22.25px}
 ._54e7idpf .fabric-editor-alignment:first-of-type:first-child h4:first-child:not(style){margin-top:0}
 ._54jwh2mm .pm-breakout-resize-handle-rail{position:relative}
+._55qsidpf .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{bottom:0}
 ._56o2ckbl .ProseMirror .decisionItemView-content-wrap{min-width:3pc}
 ._573b1v6z .pm-breakout-resize-handle-container{width:7px}
 ._5908idpf .pm-table-sticky-wrapper>table>tbody>tr>td>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}
@@ -2096,6 +2114,7 @@
 ._59uzyh40 .code{padding-top:2px}
 ._5c1cidpf [data-prosemirror-node-name=blockTaskItem] [data-component=placeholder]{margin-right:0}
 ._5cgrglyw [data-prosemirror-node-name=blockTaskItem] [data-component=placeholder]{display:none}
+._5cwo1ial .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{z-index:12}
 ._5cxqglyw .ProseMirror .ProseMirror-gapcursor{display:none}
 ._5dccstnw .ProseMirror .layoutSectionView-content-wrap.selected.danger [data-layout-section] [data-layout-column]:not(:first-of-type) [data-layout-content]:before{position:absolute}
 ._5drkidpf .resizer-handle-thumb{padding-right:0}
@@ -2217,6 +2236,7 @@
 ._7u261tmw .multiBodiedExtensionView-content-wrap.danger.ak-editor-selected-node>span>.extension-edit-toggle-container>.extension-edit-toggle{color:var(--ds-text-danger,#ae2e24)}
 ._7vb2pzf8 .pm-table-container .pm-table-left-border[data-with-numbered-table=true]{left:41px}
 ._7vzk1f51 .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image) img{object-fit:contain}
+._7wq6tlke .ProseMirror .emoji-common-emoji-unicode{cursor:pointer}
 ._7wwkkb7n .ProseMirror .ak-editor-sync-block.ak-editor-bodied-sync-block__selection_inside .ak-editor-sync-block__label{opacity:1}
 ._7xjx1ytf .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-timing-function:ease-in-out}
 ._7xl8ckbl .pm-table-container>table>tbody>tr>td{min-width:3pc}
@@ -2321,6 +2341,7 @@
 ._aaynsm61::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ab5gidpf .ProseMirror .ProseMirror-gapcursor:first-child+.fabric-editor-block-mark.fabric-editor-alignment>:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}
 ._ab8t1j28 .inlineCardView-content-wrap.ak-editor-selected-node .loader-wrapper>a ::-moz-selection{background-color:transparent}
+._ably1gly .ProseMirror .ak-editor-selected-node.danger .emoji-common-emoji-unicode{background-color:var(--ds-background-danger,#ffeceb)}
 ._abre6hgr .ProseMirror .code-block .line-number-gutter:before{content:"1"}
 ._ad3aidpf ol[data-node-type=decisionList].ak-editor-selected-node:before{right:0}
 ._adpe1o36 .ak-editor-sync-block__renderer{outline-width:medium}
@@ -2692,6 +2713,7 @@
 ._hlqnidpf .pm-table-wrapper>table>tbody>tr>th>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}
 ._hnwypb1k .ProseMirror .pm-table-wrapper>table>tbody>tr>td[data-reaches-bottom][data-reaches-left]{border-bottom-left-radius:var(--ds-radius-xlarge,9pt)}
 ._holl1txw .layout-column-divider-rail{display:flex}
+._hpa6idpf .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{right:0}
 ._hphj1hrf .ProseMirror .mediaSingleView-content-wrap[layout=wrap-right]+.mediaSingleView-content-wrap[layout=wrap-left]{clear:both}
 ._hr6mstnw .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-column]:after{position:absolute}
 ._hse11txw .layout-column-divider{display:flex}
@@ -2788,6 +2810,7 @@
 ._jibgb3bt .pm-table-wrapper>table:after{content:""}
 ._jiyw1j28 .pm-table-container>table>tbody>tr>td[data-reaches-left]:after{border-left-color:transparent}
 ._jj6didpf :not(.fabric-editor-block-mark)>h6:first-child:not(style){margin-top:0}
+._jjkt1j28 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode::-moz-selection{background-color:transparent}
 ._jldnp1qy .ProseMirror h5>:is(a,span[data-mark-type=border]) .media-inline-image-wrapper{transform:translateY(-2px)}
 ._jlwvidpf .ProseMirror .ProseMirror-gapcursor:first-of-type+pre{margin-top:0}
 ._jn1o1osq .multiBodiedExtensionView-content-wrap .multiBodiedExtension--container{width:100%}
@@ -2899,6 +2922,8 @@
 ._lv7dn7od a .fabric-text-color-mark{color:unset}
 ._lvhloskh .ProseMirror [data-layout-section]:hover [data-layout-column]:not(:first-of-type) [data-layout-content]:before{height:calc(100% - 24px)}
 ._lvwq7vkz [data-prosemirror-node-name=decisionItem]>[data-decision-wrapper]>[data-component=icon]{height:1pc}
+._lw5ee0wb .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:16.25px}
+._lw5egktf .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}
 ._m1d5tlke .dateView-content-wrap .date-lozenger-container{cursor:pointer}
 ._m1o1d439 .ProseMirror .ak-editor-sync-block.danger .ak-editor-sync-block__label{top:-14px}
 ._m1xp1h90 .__resizable_base__{height:auto!important}
@@ -2976,6 +3001,7 @@
 ._npmhh2mm .ProseMirror .ProseMirror-gapcursor{position:relative}
 ._nq831kw7 .ProseMirror .ak-editor-panel[data-panel-type=note]{color:inherit}
 ._nr43161g div[extensionType="com.atlassian.ai-blocks"] .extension-container:before{transform:translate3d(0,0,0)}
+._nrfx1osq .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{width:100%}
 ._nrxu1b66 .ProseMirror .ak-editor-sync-block.ak-editor-selected-node .ak-editor-sync-block__label{padding-top:var(--ds-space-050,4px)}
 ._nuih1j28 .ProseMirror-hideselection ::selection{background-color:transparent}
 ._nv9v1o36 .ProseMirror{outline-width:medium}
@@ -3115,6 +3141,7 @@
 ._q44kusvi .pm-table-container>table>tbody>tr>td[data-reaches-top]{background-clip:border-box}
 ._q4ju1ule .ProseMirror blockquote>.mediaSingleView-content-wrap:last-child{display:block}
 ._q5x9b3bt .ak-editor-selected-node>[data-decision-wrapper]:before{content:""}
+._q6vrh2mm .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode{position:relative}
 ._q7vcidpf .ProseMirror .telepointer:hover .telepointer-initial{opacity:0}
 ._q8c11osq .ProseMirror .right-shadow:after{height:100%}
 ._q9kpglyw .ak-editor-expand.ak-editor-selected-node:not(.danger):before{pointer-events:none}
@@ -3231,6 +3258,7 @@
 ._smxnglyw .ProseMirror .ProseMirror-fake-text-cursor{pointer-events:none}
 ._smy6idpf .ak-editor-expand__expanded .ak-editor-expand__content>:nth-child(1 of :not(style,.ProseMirror-gapcursor,.ProseMirror-widget,span)){margin-top:0}
 ._sneogrf3 .ProseMirror div[data-task-list-local-id]>div[data-task-list-local-id]{margin-top:0!important}
+._snna1j28 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode ::selection{background-color:transparent}
 ._sobi1rpy [data-prosemirror-node-name=taskItem] [data-component=placeholder]{color:var(--ds-text-subtlest,#6b6e76)}
 ._sopm17v8 .search-match-expand-title.search-match-dark>.ak-editor-expand__title-container>.ak-editor-expand__input-container{box-shadow:inset 0 0 0 1px var(--ds-background-accent-magenta-bolder,#ae4787),inset 0 0 0 5px var(--ds-background-accent-magenta-bolder-pressed,#77325b)}
 ._spvm1h6o .datasourceView-content-wrap.blockCardView-content-wrap{justify-content:center}
@@ -3335,6 +3363,7 @@
 ._urj01gly .ak-editor-selected-node.danger>[data-decision-wrapper]{background-color:var(--ds-background-danger,#ffeceb)}
 ._ut9vglyw [data-prosemirror-node-name=taskItem] .task-item-checkbox-wrap>input[type=checkbox]:disabled[data-invalid]+svg{pointer-events:none}
 ._uu1m1149 .danger>span>a{box-shadow:0 0 0 2px,var(--ds-border-danger,#e2483d)}
+._uufastnw .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode:before{position:absolute}
 ._uuop1j28 .ProseMirror-hideselection{caret-color:transparent}
 ._uuxfglyw [data-prosemirror-node-name=blockTaskItem] .task-item-checkbox-wrap>input[type=checkbox]:disabled:hover+svg{pointer-events:none}
 ._uvar1j28 .ak-editor-selected-node.unsupportedBlockView-content-wrap>div::selection{background-color:transparent}
@@ -3362,6 +3391,7 @@
 ._v91uqlfy .search-match-block.search-match-block-selected.ak-editor-selected-node .hover-card-trigger-wrapper>a{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db),0 0 0 4px var(--ds-background-accent-magenta-subtlest-pressed,#fcb6e1),0 0 0 5px var(--ds-background-accent-magenta-bolder-hovered,#943d73)}
 ._v91w1e5c .ProseMirror .telepointer.color-2{--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}
 ._v9kukb7n .ProseMirror .telepointer:hover .telepointer-fullname{z-index:1}
+._vagv1j28 .ProseMirror .ak-editor-selected-node .emoji-common-emoji-unicode ::-moz-selection{background-color:transparent}
 ._vdlzei1s html:not([data-color-mode=dark]) .ProseMirror .telepointer{--telepointer-participant-background-second-stop:150000%}
 ._vdne1b66 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{padding-right:var(--ds-space-050,4px)}
 ._ve9oidpf .ProseMirror>.fabric-editor-breakout-mark:first-child .ak-editor-bodied-sync-block{margin-top:0}
@@ -3511,6 +3541,8 @@
 ._yhd9stnw .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-column]:before{position:absolute}
 ._yhf4h2mm .ProseMirror [data-layout-section]>[data-layout-column].ak-editor-selected-node:not(.danger){position:relative}
 ._yio215vq .ProseMirror .ak-editor-bodied-sync-block:has(.ak-editor-sync-block__loading_state) .ak-editor-sync-block__label{visibility:hidden}
+._yj541tcg .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:24px}
+._yj54w31d .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:20.25px}
 ._yjsg1f4h .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){max-width:28px}
 ._yjsg1w2o .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){max-width:24.25px}
 ._ymd7b3bt .ProseMirror blockquote:before{content:""}
@@ -3531,6 +3563,8 @@
 ._z0011j28 .pm-table-container[data-number-column=true]>.pm-table-wrapper>table:after{border-left-color:transparent}
 ._z0v11osq .fabric-editor--full-width-mode .pm-table-container .extension-container{max-width:100%}
 ._z1osidpf .mediaGroupView-content-wrap ul{padding-top:0}
+._z20c16ch .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:18.25px}
+._z20cqslr .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:22px}
 ._z2s81j28 .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-section] [data-layout-column]:before{background-color:transparent}
 ._z2s87wq0 .ProseMirror .layoutSectionView-content-wrap.ak-editor-selected-node:not(.danger) [data-layout-section] [data-layout-column]:before{background-color:var(--ds-blanket-selected,#388bff14)}
 ._z2xw1osq .gridLine{height:100%}

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

@@ -179,9 +179,9 @@ var editorContentStyles = {
   editorUGCTokensRefreshed: "_da23111w _ocu0mnnt _2s1d1xgx _15hxe8o0 _1qs312nz _1u7x1v8p _1g2st7zq _11d01fw0",
   editorUGCSmallText: "_1v2gnkc8",
   embedCardStyles: "_bxhh1osq _1xquh2mm _1do8cs5v _15no1e5h _z75ousic _197w1hrf",
-  emojiDangerStyles: "_lcgdbimv _tnzqbimv _1szw1gly _4ijz1gly",
-  emojiStyles: "_1f4mixwd _1gq31o8l _gof5gktf _1kubgktf _p8rdtlke _1ub4nkob _1rml1rj4 _ps8p1o8l _1h3zlb4i _11pulb4i _6p5k1j28 _1nt01j28 _1uvbh2mm _114kh2mm _1qer1kdv _2qa91kdv _4qcustnw _9ggastnw _80x0b3bt _f7p0b3bt _kxdfidpf _2zbkidpf _1oq4idpf _11ividpf _1fg6idpf _1r2pidpf _iz9gidpf _1v08idpf _rldy1osq _sdlb1osq _1focglyw _199fglyw _1x5q1ial _pyxt1ial _1rvo7wq0 _1x187wq0 _1608r4us _13ffr4us _1ip21j28 _11ut1j28 _1gjf1j28 _1g5r1j28 _rii71j28 _1vmi1j28 _2gbi1j28 _1usv1j28",
-  emojiDenseStyles: "_2f9he0wb _gof5e0wb _1kube0wb _1jg61osq _ik5u1osq _7vzk1f51 _1n9bv47k _7pqpv47k",
+  emojiDangerStyles: "_lcgdbimv _tnzqbimv _1jgcbimv _1szw1gly _4ijz1gly _ably1gly",
+  emojiStyles: "_1f4mixwd _1gq31o8l _gof5gktf _1kubgktf _p8rdtlke _1ub4nkob _1rml1rj4 _lw5egktf _1ige1f4h _543h1ou6 _yj541tcg _z20cqslr _1gd3gktf _ps8p1o8l _7wq6tlke _1h3zlb4i _11pulb4i _1vzrlb4i _6p5k1j28 _1nt01j28 _4yye1j28 _1uvbh2mm _114kh2mm _q6vrh2mm _1qer1kdv _2qa91kdv _1mok1kdv _4qcustnw _9ggastnw _uufastnw _80x0b3bt _f7p0b3bt _1geob3bt _kxdfidpf _2zbkidpf _1ht3idpf _1oq4idpf _11ividpf _hpa6idpf _1fg6idpf _1r2pidpf _13zuidpf _iz9gidpf _1v08idpf _55qsidpf _rldy1osq _sdlb1osq _nrfx1osq _1focglyw _199fglyw _1h6yglyw _1x5q1ial _pyxt1ial _5cwo1ial _1rvo7wq0 _1x187wq0 _11fl7wq0 _1608r4us _13ffr4us _1377r4us _1ip21j28 _11ut1j28 _1gjf1j28 _1g5r1j28 _snna1j28 _1swz1j28 _rii71j28 _1vmi1j28 _2gbi1j28 _1usv1j28 _vagv1j28 _jjkt1j28",
+  emojiDenseStyles: "_lw5ee0wb _1ige1w2o _543hojke _yj54w31d _z20c16ch _1gd3e0wb _2f9he0wb _gof5e0wb _1kube0wb _1jg61osq _ik5u1osq _7vzk1f51 _1n9bv47k _7pqpv47k",
   expandStyles: "_1fkbxmi2 _vx27xmi2 _1n9xxmi2 _1oymxmi2",
   expandStylesBase: "_1dcv12b0 _vir8sm61 _nshtskji _1ffuu2gc _eyk7fyzg _1ia1h2mm _ullp1kdv _1ci8stnw _14zzb3bt _1psiidpf _9apoidpf _t1ygidpf _1dr7idpf _py7e1osq _q9kpglyw _2jyr1ial _1tv57wq0 _63an1j28 _g5xu1j28 _5u1u1j28 _1oif1j28 _age41gly _1ymq1bqt _v5bbe4h9 _1husnqa1 _1xt11j28 _1t5a10yn _o7hy9c8s _1rdsfs2f _1kd91qdr _1x8yidpf _3tz5idpf _1b7utlke _1vuvusvi _372tidpf _g7u3dgkc _8va114w8 _bc4d1r31 _1d0tglyw _4fj21o36 _1fbsglyw _1p5p1j28 _1gxpkb7n _1245kb7n _1fmjf1ug _ig0i4w17 _18mboxwj _1ev778tn _15uri7a9 _caue1rpy _149p1txw _u29r1osq _1icakb7n _hiyf1rpy _oemsidpf _ux5uidpf _im3nidpf _4uf1idpf _8q99glyw _2gbkglyw _wn6j1r31 _m5xjglyw _eu2zidpf _11pmewfl _oi2iewfl _1otu1txw _rrwboxwj _ikp21osq _txkaazsu _1wtktlke _ar4h1h6o _3emmglyw _14wj12b0 _18x1sm61 _qg62idpf _3dscidpf _1xnzidpf _1l2jidpf _1aljidpf _kb94idpf _bqovidpf _1dx5idpf _sma4dfik _1slov77o _wo9i1dpa _bj9o180e _1rrkdgkc _m4h31ul7 _zsbmglyw _upeu1ejb _1hr01ejb _13mr1txw _a0pq1h6o _1gdo1h6o _kinytlke _wyq613gf _hl71sm61 _n4fm1l7x _sv44u2gc _2xjk14w8 _czgd1txw _1i7i15vq _1pnt15vq _wz3i15vq _1g6m15vq _9s8f1osq _10zo1osq _1ish1ule _zkn71ule _19mvidpf _vkxwidpf _ay4r7mnp _1m2q7mnp _1io9glyw _1gwnglyw _vgp2ze3t _svkwu2gc _157n1ejb _1c011b66 _1dwdj4ch _fqkm1osq _9n6nusvi _1xgj1kdv _70nuglyw _11qn1osq _1q2615vq _vffj15vq _o1nxstnw _1j9kt94y _1u1ft94y _1s0y7mnp _17sv1q9c _1a5m1j28 _317nsm61 _1srh1l7x _kh951j28 _19lwdgkc _194h1ul7",
   expandStylesMixin_chromeless_expand_fix: "_mklmidpf _nnniidpf",
@@ -281,8 +281,8 @@ var editorContentStyles = {
   resizerStyles: "_16pckt5e _10gt1txw _1a7b15vq _9klwidpf _ydkr1bp4 _1p6p1h6o _i5751h6o _mz7q1v6z _c1pr1osq _351g1osq _w71a1txw _cwvb1bp4 _n0x91h6o _13o01h6o _pp57mgjw _svmg4jg8 _1bo71y6m _17h6esu3 _2e7gajfg _1pgzvbgk _1ynz16xz _ivms1h8x _xv4o1if8 _15c6utpp _ao45utpp _i4oz1v1w _1oimewfl _6x25105o _mle11nxw _1pf6z97a _2j3s1qi0 _uufeidpf _t6uyidpf _5drkidpf _1yk7idpf _1jyuidpf _1reh1r31 _1l7jglyw _de791o36 _1v2p1l7x _1hjoq98m _1ehevp1g _103n1kw7 _1qsab3bt _1lqhstnw _14u4r5cr _5nd3r5cr _1sq7r5cr _1g77r5cr _1koh1mrw _11uyf705 _k31i1txw _dw2y1l7b _1fxgvbgk _f561cs5v _aakq1tcg _3f0s11mm _8fzb12b0 _exlk10ym _e3z7glyw _1om315s3 _1v2n15s3 _mgxs1osq _10cy14no _1nzz15vq _1l7xstnw _7ko61v6z _172f1f9d _ooctidpf _1b5hn7od _xf6qn7od _vpm4n7od _q381n7od _1qwmn7od _1rq3n7od _61j5n7od _ew2in7od _sa1qn7od _y41ln7od _1ful1ea5 _64blewfl _1cvqewfl _l5mpkb7n _13y1kb7n _1pzr1v1w _1qngglyw _168ss4qr _10ns1v1w _6rj41l7x _d8sss8vo _11ujxmi2 _zuk5h2mm _1061j4ch _k6mw1osq",
   resizerBottomHandleStyles: "_6c42vrvc _v3lxesu3 _1wqp1osq _1tp41v6z _pmqbvbgk _mnlt1l7b _16h41tcg _eyiwidpf _krhrv77o _zrm5idpf _vgo7v77o _1pgxidpf _1utv776v _yglo1f9d _1wh51v6z _1dun1osq _1grj1v6z _1rb014no _1dulidpf _1iikajfg _1j3z1l7b _19advbgk _oy781l7b _1pxn16xz _zvm61l7b _1b4h1h8x _rhcd1l7b",
   ruleStyles: "_3vafglyw _yhgjt94y _1uh7swc3 _1cnzgx6n _874g1l7x _rc9pyh40 _qgb1tlke _12vh1ntv _dl0n1r31 _43nwglyw _1iod1o36 _9pd8q98m",
-  scaledEmojiStyles: "_1f4mixwd _1gq31o8l _gof5gktf _1ldlgktf _gpgbgktf _1kub1f4h _yjsg1f4h _p8rdtlke _1ub4nkob _1rml1rj4 _ps8p1o8l _1h3zlb4i _11pulb4i _6p5k1j28 _1nt01j28 _1uvbh2mm _114kh2mm _1qer1kdv _2qa91kdv _4qcustnw _9ggastnw _80x0b3bt _f7p0b3bt _kxdfidpf _2zbkidpf _1oq4idpf _11ividpf _1fg6idpf _1r2pidpf _iz9gidpf _1v08idpf _rldy1osq _sdlb1osq _1focglyw _199fglyw _1x5q1ial _pyxt1ial _1rvo7wq0 _1x187wq0 _1608r4us _13ffr4us _1ip21j28 _11ut1j28 _1gjf1j28 _1g5r1j28 _rii71j28 _1vmi1j28 _2gbi1j28 _1usv1j28 _1uoi1f4h _73k21f4h _pwhh1ou6 _nzjn1ou6 _z6pc1tcg _1m2p1tcg _iljcqslr _kdk7qslr _1dpngktf _vx7egktf",
-  scaledEmojiDenseStyles: "_2f9he0wb _gof5e0wb _1ldle0wb _gpgbe0wb _1kub1w2o _yjsg1w2o _1jg61osq _ik5u1osq _7vzk1f51 _1n9bv47k _7pqpv47k _d8rx1w2o _1cw91w2o _1m6zojke _5w3hojke _1lzrw31d _e6t0w31d _1yqj16ch _1m4816ch _kifh1w2o _1lg71w2o _9ut8ojke _1ailojke _1u2ww31d _1b4zw31d _1xkp16ch _18zg16ch _1dpne0wb _vx7ee0wb",
+  scaledEmojiStyles: "_1f4mixwd _1gq31o8l _gof5gktf _1ldlgktf _gpgbgktf _1kub1f4h _yjsg1f4h _p8rdtlke _1ub4nkob _1rml1rj4 _lw5egktf _1ige1f4h _543h1ou6 _yj541tcg _z20cqslr _1gd3gktf _ps8p1o8l _7wq6tlke _1h3zlb4i _11pulb4i _1vzrlb4i _6p5k1j28 _1nt01j28 _4yye1j28 _1uvbh2mm _114kh2mm _q6vrh2mm _1qer1kdv _2qa91kdv _1mok1kdv _4qcustnw _9ggastnw _uufastnw _80x0b3bt _f7p0b3bt _1geob3bt _kxdfidpf _2zbkidpf _1ht3idpf _1oq4idpf _11ividpf _hpa6idpf _1fg6idpf _1r2pidpf _13zuidpf _iz9gidpf _1v08idpf _55qsidpf _rldy1osq _sdlb1osq _nrfx1osq _1focglyw _199fglyw _1h6yglyw _1x5q1ial _pyxt1ial _5cwo1ial _1rvo7wq0 _1x187wq0 _11fl7wq0 _1608r4us _13ffr4us _1377r4us _1ip21j28 _11ut1j28 _1gjf1j28 _1g5r1j28 _snna1j28 _1swz1j28 _rii71j28 _1vmi1j28 _2gbi1j28 _1usv1j28 _vagv1j28 _jjkt1j28 _1uoi1f4h _73k21f4h _pwhh1ou6 _nzjn1ou6 _z6pc1tcg _1m2p1tcg _iljcqslr _kdk7qslr _1dpngktf _vx7egktf",
+  scaledEmojiDenseStyles: "_lw5ee0wb _1ige1w2o _543hojke _yj54w31d _z20c16ch _1gd3e0wb _2f9he0wb _gof5e0wb _1ldle0wb _gpgbe0wb _1kub1w2o _yjsg1w2o _1jg61osq _ik5u1osq _7vzk1f51 _1n9bv47k _7pqpv47k _d8rx1w2o _1cw91w2o _1m6zojke _5w3hojke _1lzrw31d _e6t0w31d _1yqj16ch _1m4816ch _kifh1w2o _1lg71w2o _9ut8ojke _1ailojke _1u2ww31d _1b4zw31d _1xkp16ch _18zg16ch _1dpne0wb _vx7ee0wb",
   scrollbarStyles: "_1fpfolhs _1khk1mok _123b1aqn _jaboglyw _aaynsm61 _1ogl1ibz",
   selectedNodeStyles: "_1vqj1r31 _1fkoglyw _m3b01o36 _g4fm7g83",
   selectionToolbarAnimationStyles: "_bbrv19by _e9pffnf5 _uw601ku9",

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

@@ -5,11 +5,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { css } from '@emotion/react';
 import { defaultEmojiHeight, EmojiSharedCssClassName, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
 import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
-var emojiSelectionStyles = css({
-  borderRadius: "var(--ds-radius-xsmall, 2px)"
-});
-
 // Emoji node view styles
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
@@ -17,7 +12,38 @@ var emojiSelectionStyles = css({
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
-export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
+export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror h1 [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH1, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror h2 [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH2, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror h3 [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH3, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror h4 [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH4, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
+  }
+}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
   display: 'inline-block'
 }), ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
   background: 'no-repeat transparent',
@@ -29,13 +55,38 @@ export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({},
   cursor: 'pointer',
   verticalAlign: 'middle',
   userSelect: 'all'
-}), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [emojiSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-blanketSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-boxShadowSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-hideNativeBrowserTextSelectionStyles])));
+}), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
+  cursor: 'pointer'
+}), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
+  borderRadius: "var(--ds-radius-xsmall, 2px)",
+  position: 'relative',
+  WebkitUserSelect: 'text',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
+  borderColor: 'transparent',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::selection,*::selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-moz-selection,*::-moz-selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::before': {
+    position: 'absolute',
+    content: "''",
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    width: '100%',
+    pointerEvents: 'none',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    zIndex: 12,
+    backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
+  }
+})));
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
@@ -43,7 +94,38 @@ hideNativeBrowserTextSelectionStyles])));
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
+export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror h1 [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH1, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror h2 [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH2, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror h3 [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH3, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror h4 [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(scaledEmojiHeightH4, "px")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--emoji-common-unicode-size': "".concat(defaultEmojiHeight, "px")
+  }
+}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
   display: 'inline-block'
 }), ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
   background: 'no-repeat transparent',
@@ -61,13 +143,38 @@ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProper
   cursor: 'pointer',
   verticalAlign: 'middle',
   userSelect: 'all'
-}), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [emojiSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-blanketSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-boxShadowSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-hideNativeBrowserTextSelectionStyles])), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
+}), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
+  cursor: 'pointer'
+}), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
+  borderRadius: "var(--ds-radius-xsmall, 2px)",
+  position: 'relative',
+  WebkitUserSelect: 'text',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
+  borderColor: 'transparent',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::selection,*::selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-moz-selection,*::-moz-selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::before': {
+    position: 'absolute',
+    content: "''",
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    width: '100%',
+    pointerEvents: 'none',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    zIndex: 12,
+    backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
+  }
+})), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   height: "".concat(scaledEmojiHeightH1, "px"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -95,6 +202,7 @@ hideNativeBrowserTextSelectionStyles])), ".ProseMirror h1 :is(.".concat(EmojiSha
 }));
 
 /**
+ * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
@@ -106,7 +214,38 @@ export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFo
   if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
     return css({});
   }
-  return css((_css3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
+  return css((_css3 = {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror h1 [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH1, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror h2 [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH2, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror h3 [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH3, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror h4 [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH4, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
+    }
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     width: defaultDenseEmojiHeight,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -181,14 +320,12 @@ export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFo
 /**
  * Gets dynamic emoji styles that scale emoji size based on the base font size.
  * This allows emojis to scale proportionally when the base font size changes.
- * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
- * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
- */
-/**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
+ * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
  */
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
@@ -201,7 +338,38 @@ export var getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
   // Scaled: 20px * (baseFontSize/16)
   // E.g., dense mode (13px base): 20px * (13/16) = 16.25px
   var emojiSize = defaultEmojiHeight * baseFontSize / akEditorFullPageDefaultFontSize;
-  return css(_defineProperty(_defineProperty({}, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
+  return css(_defineProperty(_defineProperty({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror h1 [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH1, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror h2 [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH2, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror h3 [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH3, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.ProseMirror h4 [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(denseEmojiHeightH4, "px")
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '.ProseMirror :is(h5, h6, p) [data-emoji-type="unicode"]': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+      '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
+    }
+  }, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
     width: emojiSize,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
@@ -228,6 +396,8 @@ export var getDenseEmojiStyles = function getDenseEmojiStyles(baseFontSize) {
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export var emojiDangerStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, ".danger"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-[dangerBorderStyles, dangerBackgroundStyles]])));
+export var emojiDangerStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, ".danger"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
+  backgroundColor: "var(--ds-background-danger, #FFECEB)"
+})));

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 = "221.3.7";
+export var version = "221.4.0";

package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts

@@ -14,6 +14,7 @@ export declare const emojiStyles: SerializedStyles;
  */
 export declare const scaledEmojiStyles: SerializedStyles;
 /**
+ * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
@@ -23,14 +24,12 @@ export declare const getScaledDenseEmojiStyles: (baseFontSize?: number) => Seria
 /**
  * Gets dynamic emoji styles that scale emoji size based on the base font size.
  * This allows emojis to scale proportionally when the base font size changes.
- * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
- * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
- */
-/**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ * @param baseFontSize - The base font size in pixels (e.g., 16 for default, 13 for dense mode)
+ * @returns SerializedStyles with emoji size overrides if baseFontSize is provided and different from default.
  */
 export declare const getDenseEmojiStyles: (baseFontSize?: number) => SerializedStyles;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "221.4.0",
+	"version": "221.4.1",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"