@atlaskit/editor-core 222.0.6 → 222.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -2
  3. package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +7 -5
  4. package/dist/cjs/version-wrapper.js +1 -1
  5. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -2
  6. package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +7 -5
  7. package/dist/es2019/version-wrapper.js +1 -1
  8. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +2 -2
  9. package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +7 -5
  10. package/dist/esm/version-wrapper.js +1 -1
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 222.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`8a3600f3f196b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8a3600f3f196b) -
8
+ [ux] Fixed unsafe styles that distorted the inline (top-layer) tooltip popover by excluding
9
+ top-layer elements from the offending selectors via `:not(:where([popover], dialog, ...))`. The
10
+ `:where()` wrapper keeps the guard at zero specificity, so matching is otherwise unchanged, and
11
+ the guards are no-ops for the legacy portalled tooltip.
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 222.0.6
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -130,12 +130,12 @@
130
130
  .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--left{left:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--right, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--right{right:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container{height:calc(100% - 4px)}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}.cc-lum87v .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}.cc-lum87v .pm-breakout-resize-handle-container{position:relative;align-self:end;grid-row:1;grid-column:1;height:100%;width:7px}.cc-lum87v .pm-breakout-resize-handle-container--left{justify-self:start}.cc-lum87v .pm-breakout-resize-handle-container--right{justify-self:end}.cc-lum87v .pm-breakout-resize-handle-rail{position:relative;display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);transition:background-color .2s,visibility .2s,opacity .2s;z-index:2;opacity:0}.cc-lum87v .pm-breakout-resize-handle-rail:hover{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-rail:hover .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-container--active{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-container--active .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-hit-box{position:absolute;top:0;bottom:0;left:-20px;right:-20px;z-index:0}.cc-lum87v .pm-breakout-resize-handle-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
131
131
  .cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-4kxami .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
132
132
  .cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-1tfwb0v .fabric-editor-breakout-mark:has(.first-node-in-document.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
133
- .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]{height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
133
+ .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
134
134
  .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--left, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--left{left:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--right, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--right{right:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
135
135
  @container editor-area (max-width: 600px){.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{opacity:0;visibility:hidden}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item{will-change:width}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:hidden;opacity:0}}
136
136
  .cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container{align-self:center;height:40px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule].first-node-in-document)>.pm-breakout-resize-handle-container{transform:translateY(-14px)}
137
137
  .cc-15hu28n .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection].first-node-in-document)>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}
138
- .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
138
+ .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
139
139
  .cc-1nsisym .resizer-handle.bottom{flex-direction:row;align-items:flex-end;width:100%;height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb{width:4pc;height:3px;min-width:24px;min-height:0;margin-top:var(--ds-space-025,2px);margin-right:0;margin-bottom:var(--ds-space-025,2px);margin-left:0}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb:hover{cursor:row-resize}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track{width:calc(100% - 40px);height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track.full-height{width:100%;height:7px;min-width:36px;min-height:0}.cc-1nsisym .resizer-handle.small.bottom .resizer-handle-thumb{width:43px;height:3px}.cc-1nsisym .resizer-handle.medium.bottom .resizer-handle-thumb{width:4pc;height:3px}.cc-1nsisym .resizer-handle.large.bottom .resizer-handle-thumb{width:6pc;height:3px}.cc-1nsisym .resizer-handle.clamped.bottom .resizer-handle-thumb{width:clamp(43px,calc(100% - 2pc),6pc);height:3px}
140
140
  .cc-184ku22 .ProseMirror hr{border:none;background-color:var(--ds-border,#0b120e24);height:2px;border-radius:1px;cursor:pointer;padding:var(--ds-space-050,4px) 0;margin:var(--ds-space-300,24px) 0;background-clip:content-box}.cc-184ku22 .ProseMirror hr.ak-editor-selected-node{outline-color:currentColor;outline-style:none;outline-width:medium;background-color:var(--ds-border-selected,#1868db)}
141
141
  .cc-ruh3pg .show-diff-atomic-inline-changed-emoji{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-emoji-unicode){outline:2px solid var(--show-diff-atomic-inline-changed-border-color);outline-offset:1px;border-radius:var(--ds-radius-xsmall,2px)}.cc-ruh3pg .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:28px}.cc-ruh3pg .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:26px}.cc-ruh3pg .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:24px}.cc-ruh3pg .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror .emojiView-content-wrap{display:inline-block}.cc-ruh3pg .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){background:no-repeat transparent;display:inline-block;height:20px;min-height:20px;min-width:20px;max-height:28px;max-width:28px;cursor:pointer;vertical-align:middle;-webkit-user-select:all;user-select:all}.cc-ruh3pg .ProseMirror .emoji-common-emoji-unicode{cursor:pointer}.cc-ruh3pg .ProseMirror h1 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:28px;width:28px}.cc-ruh3pg .ProseMirror h2 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:26px;width:26px}.cc-ruh3pg .ProseMirror h3 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:24px;width:24px}.cc-ruh3pg .ProseMirror h4 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:22px;width:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) .emoji-common-placeholder{height:20px;width:20px}
package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -111,8 +111,9 @@ var resizerStyles = exports.resizerStyles = (0, _react.css)((0, _defineProperty2
111
111
  transition: 'visibility 0.2s, opacity 0.2s',
112
112
  // NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles
113
113
  // into the tooltip
114
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
115
- "& div[role='presentation']": {
114
+ // Guard skips top-layer elements (eg tooltip, modal); `:where()` keeps specificity unchanged.
115
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
116
+ "& div[role='presentation']:not(:where([popover], dialog, [popover] *, dialog *))": {
116
117
  width: '100%',
117
118
  height: '100%',
118
119
  display: 'flex',
@@ -290,9 +291,10 @@ var pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesForTooltip
290
291
  cursor: 'col-resize',
291
292
  borderRadius: "var(--ds-radius-small, 4px)",
292
293
  zIndex: 2,
293
- // Tootip element
294
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
295
- '[role="presentation"]': {
294
+ // Tooltip element. Guard skips top-layer elements (eg tooltip, modal); `:where()` keeps
295
+ // specificity unchanged.
296
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
297
+ '[role="presentation"]:not(:where([popover], dialog, [popover] *, dialog *))': {
296
298
  height: '100%',
297
299
  width: '100%'
298
300
  },
package/dist/cjs/version-wrapper.js CHANGED
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
8
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
9
- var version = exports.version = "222.0.5";
9
+ var version = exports.version = "222.0.6";
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -130,12 +130,12 @@
130
130
  .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--left{left:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--right, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--right{right:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container{height:calc(100% - 4px)}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}.cc-lum87v .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}.cc-lum87v .pm-breakout-resize-handle-container{position:relative;align-self:end;grid-row:1;grid-column:1;height:100%;width:7px}.cc-lum87v .pm-breakout-resize-handle-container--left{justify-self:start}.cc-lum87v .pm-breakout-resize-handle-container--right{justify-self:end}.cc-lum87v .pm-breakout-resize-handle-rail{position:relative;display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);transition:background-color .2s,visibility .2s,opacity .2s;z-index:2;opacity:0}.cc-lum87v .pm-breakout-resize-handle-rail:hover{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-rail:hover .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-container--active{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-container--active .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-hit-box{position:absolute;top:0;bottom:0;left:-20px;right:-20px;z-index:0}.cc-lum87v .pm-breakout-resize-handle-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
131
131
  .cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-4kxami .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
132
132
  .cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-1tfwb0v .fabric-editor-breakout-mark:has(.first-node-in-document.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
133
- .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]{height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
133
+ .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
134
134
  .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--left, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--left{left:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--right, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--right{right:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
135
135
  @container editor-area (max-width: 600px){.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{opacity:0;visibility:hidden}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item{will-change:width}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:hidden;opacity:0}}
136
136
  .cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container{align-self:center;height:40px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule].first-node-in-document)>.pm-breakout-resize-handle-container{transform:translateY(-14px)}
137
137
  .cc-15hu28n .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection].first-node-in-document)>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}
138
- .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
138
+ .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
139
139
  .cc-1nsisym .resizer-handle.bottom{flex-direction:row;align-items:flex-end;width:100%;height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb{width:4pc;height:3px;min-width:24px;min-height:0;margin-top:var(--ds-space-025,2px);margin-right:0;margin-bottom:var(--ds-space-025,2px);margin-left:0}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb:hover{cursor:row-resize}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track{width:calc(100% - 40px);height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track.full-height{width:100%;height:7px;min-width:36px;min-height:0}.cc-1nsisym .resizer-handle.small.bottom .resizer-handle-thumb{width:43px;height:3px}.cc-1nsisym .resizer-handle.medium.bottom .resizer-handle-thumb{width:4pc;height:3px}.cc-1nsisym .resizer-handle.large.bottom .resizer-handle-thumb{width:6pc;height:3px}.cc-1nsisym .resizer-handle.clamped.bottom .resizer-handle-thumb{width:clamp(43px,calc(100% - 2pc),6pc);height:3px}
140
140
  .cc-184ku22 .ProseMirror hr{border:none;background-color:var(--ds-border,#0b120e24);height:2px;border-radius:1px;cursor:pointer;padding:var(--ds-space-050,4px) 0;margin:var(--ds-space-300,24px) 0;background-clip:content-box}.cc-184ku22 .ProseMirror hr.ak-editor-selected-node{outline-color:currentColor;outline-style:none;outline-width:medium;background-color:var(--ds-border-selected,#1868db)}
141
141
  .cc-ruh3pg .show-diff-atomic-inline-changed-emoji{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-emoji-unicode){outline:2px solid var(--show-diff-atomic-inline-changed-border-color);outline-offset:1px;border-radius:var(--ds-radius-xsmall,2px)}.cc-ruh3pg .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:28px}.cc-ruh3pg .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:26px}.cc-ruh3pg .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:24px}.cc-ruh3pg .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror .emojiView-content-wrap{display:inline-block}.cc-ruh3pg .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){background:no-repeat transparent;display:inline-block;height:20px;min-height:20px;min-width:20px;max-height:28px;max-width:28px;cursor:pointer;vertical-align:middle;-webkit-user-select:all;user-select:all}.cc-ruh3pg .ProseMirror .emoji-common-emoji-unicode{cursor:pointer}.cc-ruh3pg .ProseMirror h1 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:28px;width:28px}.cc-ruh3pg .ProseMirror h2 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:26px;width:26px}.cc-ruh3pg .ProseMirror h3 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:24px;width:24px}.cc-ruh3pg .ProseMirror h4 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:22px;width:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) .emoji-common-placeholder{height:20px;width:20px}
package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -117,8 +117,9 @@ export const resizerStyles = css({
117
117
  transition: 'visibility 0.2s, opacity 0.2s',
118
118
  // NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles
119
119
  // into the tooltip
120
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
121
- "& div[role='presentation']": {
120
+ // Guard skips top-layer elements (eg tooltip, modal); `:where()` keeps specificity unchanged.
121
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
122
+ "& div[role='presentation']:not(:where([popover], dialog, [popover] *, dialog *))": {
122
123
  width: '100%',
123
124
  height: '100%',
124
125
  display: 'flex',
@@ -354,9 +355,10 @@ export const pragmaticResizerStylesForTooltip = css({
354
355
  cursor: 'col-resize',
355
356
  borderRadius: "var(--ds-radius-small, 4px)",
356
357
  zIndex: 2,
357
- // Tootip element
358
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
359
- '[role="presentation"]': {
358
+ // Tooltip element. Guard skips top-layer elements (eg tooltip, modal); `:where()` keeps
359
+ // specificity unchanged.
360
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
361
+ '[role="presentation"]:not(:where([popover], dialog, [popover] *, dialog *))': {
360
362
  height: '100%',
361
363
  width: '100%'
362
364
  },
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export const name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export const version = "222.0.5";
3
+ export const version = "222.0.6";
package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -130,12 +130,12 @@
130
130
  .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--left, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--left{left:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container--right, .cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container--right{right:-25px}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container{height:calc(100% - 4px)}.cc-lum87v .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}.cc-lum87v .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}.cc-lum87v .pm-breakout-resize-handle-container{position:relative;align-self:end;grid-row:1;grid-column:1;height:100%;width:7px}.cc-lum87v .pm-breakout-resize-handle-container--left{justify-self:start}.cc-lum87v .pm-breakout-resize-handle-container--right{justify-self:end}.cc-lum87v .pm-breakout-resize-handle-rail{position:relative;display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);transition:background-color .2s,visibility .2s,opacity .2s;z-index:2;opacity:0}.cc-lum87v .pm-breakout-resize-handle-rail:hover{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-rail:hover .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-container--active{background:var(--ds-background-selected,#e9f2fe)}.cc-lum87v .pm-breakout-resize-handle-container--active .pm-breakout-resize-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-lum87v .pm-breakout-resize-handle-hit-box{position:absolute;top:0;bottom:0;left:-20px;right:-20px;z-index:0}.cc-lum87v .pm-breakout-resize-handle-thumb{min-width:3px;height:clamp(27px,calc(100% - 2pc),6pc);background:var(--ds-border,#0b120e24);border-radius:var(--ds-radius-medium,6px);position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}
131
131
  .cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-4kxami .fabric-editor-breakout-mark:has([data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-4kxami .fabric-editor-breakout-mark:has(.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
132
132
  .cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--left{left:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container--right{right:-5px}.cc-1tfwb0v .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=codeBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-1tfwb0v .fabric-editor-breakout-mark:has(.first-node-in-document.first-node-in-document)>.pm-breakout-resize-handle-container{height:100%}
133
- .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]{height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
133
+ .cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper{display:flex;align-items:center;justify-content:center;height:100%;cursor:col-resize;border-radius:var(--ds-radius-small,4px);z-index:2}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper [role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){height:100%;width:100%}.cc-mn5fyk .pm-breakout-resize-handle-rail-wrapper .pm-breakout-resize-handle-rail-inside-tooltip{height:100%}
134
134
  .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--left, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--left{left:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container--right, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container--right{right:-24px}.cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=bodiedSyncBlock])>.pm-breakout-resize-handle-container, .cc-kqyid .fabric-editor-breakout-mark:has([data-prosemirror-node-name=syncBlock])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}
135
135
  @container editor-area (max-width: 600px){.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=expand])>.pm-breakout-resize-handle-container, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection])>.pm-breakout-resize-handle-container{opacity:0;visibility:hidden}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item{will-change:width}.cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-1rmxv6a .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection]) .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:hidden;opacity:0}}
136
136
  .cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=panel_c1])>.pm-breakout-resize-handle-container{height:calc(100% - 9pt)}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container--right{right:-4px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule])>.pm-breakout-resize-handle-container{align-self:center;height:40px}.cc-e2b324 .fabric-editor-breakout-mark:has(>.fabric-editor-breakout-mark-dom>[data-prosemirror-node-name=rule].first-node-in-document)>.pm-breakout-resize-handle-container{transform:translateY(-14px)}
137
137
  .cc-15hu28n .fabric-editor-breakout-mark:has([data-prosemirror-node-name=layoutSection].first-node-in-document)>.pm-breakout-resize-handle-container{height:calc(100% - 8px)}
138
- .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
138
+ .cc-zdnzj .resizer-item{will-change:width}.cc-zdnzj .resizer-item.display-handle>.resizer-handle-wrapper>.resizer-handle, .cc-zdnzj .resizer-item:hover>.resizer-handle-wrapper>.resizer-handle{visibility:visible;opacity:1}.cc-zdnzj .resizer-item.is-resizing .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-item.resizer-handle-danger .resizer-handle-thumb{transition:none;background:var(--ds-icon-danger,#c9372c)}.cc-zdnzj .resizer-handle{display:flex;visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:7px;transition:visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle div[role=presentation]:not(:where([popover],dialog,[popover] *,dialog *)){width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:var(--ds-space-negative-200,-1pc);white-space:normal}.cc-zdnzj .resizer-handle.left{align-items:flex-start}.cc-zdnzj .resizer-handle.right{align-items:flex-end}.cc-zdnzj .resizer-handle.small .resizer-handle-thumb{height:43px}.cc-zdnzj .resizer-handle.medium .resizer-handle-thumb{height:4pc}.cc-zdnzj .resizer-handle.large .resizer-handle-thumb{height:6pc}.cc-zdnzj .resizer-handle.clamped .resizer-handle-thumb{height:clamp(43px,calc(100% - 2pc),6pc)}.cc-zdnzj .resizer-handle.sticky .resizer-handle-thumb{position:sticky;top:var(--ds-space-150,9pt);bottom:var(--ds-space-150,9pt)}.cc-zdnzj .resizer-handle:hover .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .resizer-handle:hover .resizer-handle-track{visibility:visible;opacity:.5}.cc-zdnzj .resizer-handle-thumb{content:" ";display:flex;width:3px;margin:0 var(--ds-space-025,2px);height:4pc;transition:background-color .2s;border-radius:var(--ds-radius-medium,6px);border:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;z-index:2;outline-color:currentColor;outline-style:none;outline-width:medium;min-height:24px;background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-handle-thumb:hover{cursor:col-resize}.cc-zdnzj .resizer-handle-thumb:focus{background:var(--ds-border-selected,#1868db)}.cc-zdnzj .resizer-handle-thumb:focus:after{content:"";position:absolute;top:var(--ds-space-negative-050,-4px);right:var(--ds-space-negative-050,-4px);bottom:var(--ds-space-negative-050,-4px);left:var(--ds-space-negative-050,-4px);border:var(--ds-border-width-selected,2px) solid var(--ds-border-focused,#4688ec);border-radius:inherit;z-index:-1}.cc-zdnzj .resizer-handle-track{visibility:hidden;position:absolute;width:7px;height:calc(100% - 40px);border-radius:var(--ds-radius-small,4px);opacity:0;transition:background-color .2s,visibility .2s,opacity .2s}.cc-zdnzj .resizer-handle-track.none{background:none}.cc-zdnzj .resizer-handle-track.shadow{background:var(--ds-background-selected,#e9f2fe)}.cc-zdnzj .resizer-handle-track.full-height{background:var(--ds-background-selected,#e9f2fe);height:100%;min-height:36px}.cc-zdnzj .ak-editor-selected-node .resizer-handle-thumb{background:var(--ds-border-focused,#4688ec)}.cc-zdnzj .ak-editor-no-interaction .ak-editor-selected-node .resizer-handle:not(:hover) .resizer-handle-thumb{background:var(--ds-border,#0b120e24)}.cc-zdnzj .resizer-hover-zone{position:relative;display:flow-root;width:100%}.cc-zdnzj .resizer-hover-zone.resizer-is-extended{padding:0 var(--ds-space-150,9pt);left:var(--ds-space-negative-150,-9pt)}.cc-zdnzj table .resizer-hover-zone, .cc-zdnzj table .resizer-hover-zone.resizer-is-extended{padding-top:unset;padding-right:unset;padding-bottom:unset;padding-left:unset;left:unset}
139
139
  .cc-1nsisym .resizer-handle.bottom{flex-direction:row;align-items:flex-end;width:100%;height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb{width:4pc;height:3px;min-width:24px;min-height:0;margin-top:var(--ds-space-025,2px);margin-right:0;margin-bottom:var(--ds-space-025,2px);margin-left:0}.cc-1nsisym .resizer-handle.bottom .resizer-handle-thumb:hover{cursor:row-resize}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track{width:calc(100% - 40px);height:7px}.cc-1nsisym .resizer-handle.bottom .resizer-handle-track.full-height{width:100%;height:7px;min-width:36px;min-height:0}.cc-1nsisym .resizer-handle.small.bottom .resizer-handle-thumb{width:43px;height:3px}.cc-1nsisym .resizer-handle.medium.bottom .resizer-handle-thumb{width:4pc;height:3px}.cc-1nsisym .resizer-handle.large.bottom .resizer-handle-thumb{width:6pc;height:3px}.cc-1nsisym .resizer-handle.clamped.bottom .resizer-handle-thumb{width:clamp(43px,calc(100% - 2pc),6pc);height:3px}
140
140
  .cc-184ku22 .ProseMirror hr{border:none;background-color:var(--ds-border,#0b120e24);height:2px;border-radius:1px;cursor:pointer;padding:var(--ds-space-050,4px) 0;margin:var(--ds-space-300,24px) 0;background-clip:content-box}.cc-184ku22 .ProseMirror hr.ak-editor-selected-node{outline-color:currentColor;outline-style:none;outline-width:medium;background-color:var(--ds-border-selected,#1868db)}
141
141
  .cc-ruh3pg .show-diff-atomic-inline-changed-emoji{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-ruh3pg .show-diff-atomic-inline-changed-emoji :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-emoji-unicode){outline:2px solid var(--show-diff-atomic-inline-changed-border-color);outline-offset:1px;border-radius:var(--ds-radius-xsmall,2px)}.cc-ruh3pg .ProseMirror [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror h1 [data-emoji-type=unicode]{--emoji-common-unicode-size:28px}.cc-ruh3pg .ProseMirror h2 [data-emoji-type=unicode]{--emoji-common-unicode-size:26px}.cc-ruh3pg .ProseMirror h3 [data-emoji-type=unicode]{--emoji-common-unicode-size:24px}.cc-ruh3pg .ProseMirror h4 [data-emoji-type=unicode]{--emoji-common-unicode-size:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) [data-emoji-type=unicode]{--emoji-common-unicode-size:20px}.cc-ruh3pg .ProseMirror .emojiView-content-wrap{display:inline-block}.cc-ruh3pg .ProseMirror :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image){background:no-repeat transparent;display:inline-block;height:20px;min-height:20px;min-width:20px;max-height:28px;max-width:28px;cursor:pointer;vertical-align:middle;-webkit-user-select:all;user-select:all}.cc-ruh3pg .ProseMirror .emoji-common-emoji-unicode{cursor:pointer}.cc-ruh3pg .ProseMirror h1 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:28px;width:28px}.cc-ruh3pg .ProseMirror h2 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:26px;width:26px}.cc-ruh3pg .ProseMirror h3 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:24px;width:24px}.cc-ruh3pg .ProseMirror h4 :is(.emoji-common-emoji-sprite,.emoji-common-emoji-image,.emoji-common-placeholder){height:22px;width:22px}.cc-ruh3pg .ProseMirror :is(h5,h6,p) .emoji-common-placeholder{height:20px;width:20px}
package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -103,8 +103,9 @@ export var resizerStyles = css(_defineProperty(_defineProperty(_defineProperty(_
103
103
  transition: 'visibility 0.2s, opacity 0.2s',
104
104
  // NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles
105
105
  // into the tooltip
106
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
107
- "& div[role='presentation']": {
106
+ // Guard skips top-layer elements (eg tooltip, modal); `:where()` keeps specificity unchanged.
107
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
108
+ "& div[role='presentation']:not(:where([popover], dialog, [popover] *, dialog *))": {
108
109
  width: '100%',
109
110
  height: '100%',
110
111
  display: 'flex',
@@ -282,9 +283,10 @@ export var pragmaticResizerStylesForTooltip = css({
282
283
  cursor: 'col-resize',
283
284
  borderRadius: "var(--ds-radius-small, 4px)",
284
285
  zIndex: 2,
285
- // Tootip element
286
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
287
- '[role="presentation"]': {
286
+ // Tooltip element. Guard skips top-layer elements (eg tooltip, modal); `:where()` keeps
287
+ // specificity unchanged.
288
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
289
+ '[role="presentation"]:not(:where([popover], dialog, [popover] *, dialog *))': {
288
290
  height: '100%',
289
291
  width: '100%'
290
292
  },
package/dist/esm/version-wrapper.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export var name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export var version = "222.0.5";
3
+ export var version = "222.0.6";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "222.0.6",
3
+ "version": "222.1.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -60,7 +60,7 @@
60
60
  "@atlaskit/feature-gate-js-client": "^6.0.0",
61
61
  "@atlaskit/icon": "^37.3.0",
62
62
  "@atlaskit/link": "^5.0.0",
63
- "@atlaskit/media-card": "^81.4.0",
63
+ "@atlaskit/media-card": "^81.5.0",
64
64
  "@atlaskit/mention": "^27.12.0",
65
65
  "@atlaskit/platform-feature-experiments": "^0.3.0",
66
66
  "@atlaskit/platform-feature-flags": "^2.1.0",
@@ -68,7 +68,7 @@
68
68
  "@atlaskit/react-compiler-gating": "^0.2.0",
69
69
  "@atlaskit/react-ufo": "^7.3.0",
70
70
  "@atlaskit/task-decision": "^21.8.0",
71
- "@atlaskit/tmp-editor-statsig": "^141.0.0",
71
+ "@atlaskit/tmp-editor-statsig": "^141.1.0",
72
72
  "@atlaskit/tokens": "^16.3.0",
73
73
  "@atlaskit/tooltip": "^24.0.0",
74
74
  "@atlaskit/width-detector": "^6.2.0",