@atlaskit/renderer 109.32.2 → 109.32.4

package/dist/esm/react/marks/breakout.js

@@ -3,7 +3,9 @@ import { css, jsx } from '@emotion/react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var wrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   margin: "".concat(blockNodesVerticalMargin, " 0"),
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
@@ -14,7 +16,9 @@ export default function Breakout(props) {
     var width = _ref.width;
     return jsx("div", {
       css: wrapperStyles,
-      "data-mode": props.mode,
+      "data-mode": props.mode
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
       style: {
         width: calcBreakoutWidth(props.mode, width)
       }

package/dist/esm/react/nodes/blockCard.js

@@ -99,6 +99,7 @@ export default function BlockCard(props) {
           css: datasourceContainerStyle,
           "data-testid": "renderer-datasource-table",
           style: {
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
             width: isNodeNested ? '100%' : calcBreakoutWidth(layout, width)
           }
         }, jsx(DatasourceTableView, {

package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -17,6 +17,7 @@ var codeBlockButtonsStyle = css({
   right: "var(--ds-space-075, 6px)",
   top: "var(--ds-space-050, 4px)",
   padding: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     height: '32px',
     width: '32px',
@@ -32,9 +33,11 @@ var codeBlockButtonsStyle = css({
       height: '32px',
       width: '32px'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&.clicked': {
       backgroundColor: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(N700, ")")),
       borderRadius: '4px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
       color: "".concat("var(--ds-icon-inverse, ".concat(N0, ")"), " !important")
     }
   }

package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -8,7 +8,7 @@ import { fontSize } from '@atlaskit/theme/constants';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import CodeBlockButtonContainer from './codeBlockButtonContainer';
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var codeBlockStyleOverrides = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\ttab-size: 4;\n\tbackground-color: ", ";\n\n\t&:hover {\n\t\tbutton {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\tbutton {\n\t\topacity: 0;\n\t\ttransition: opacity 0.2s ease 0s;\n\t}\n\n\t", " {\n\t\tfont-size: ", ";\n\t\tline-height: 1.5rem;\n\t\tbackground-image: ", ";\n\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\tbackground-position:\n\t\t\t0 0,\n\t\t\t0 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t0 0,\n\t\t\t0 0;\n\t}\n"])), "var(--ds-surface-raised, ".concat(N20, ")"), CodeBlockSharedCssClassName.DS_CODEBLOCK, relativeFontSizeToBase16(fontSize()), overflowShadow({
   leftCoverWidth: "var(--ds-space-300, 24px)"
 }));

package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -7,7 +7,7 @@ import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { useBidiWarnings } from '../../../hooks/use-bidi-warnings';
 import { RendererCssClassName } from '../../../../consts';
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var lightWeightCodeBlockStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tcursor: text;\n\t}\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER);
 export var LightWeightCodeBlockCssClassName = {
   CONTAINER: 'light-weight-code-block'
@@ -38,7 +38,9 @@ var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: classNames,
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: [codeBlockSharedStyles(), lightWeightCodeBlockStyles]
   }, jsx("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER

package/dist/esm/react/nodes/embedCard.js

@@ -15,9 +15,11 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 var embedCardWrapperStyles = css({
   width: '100%',
   height: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     height: '100%'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.loader-wrapper': {
     height: '100%'
   },

package/dist/esm/react/nodes/extension.js

@@ -22,6 +22,7 @@ export var renderExtension = function renderExtension(content, layout) {
       ,
       className: "".concat(RendererCssClassName.EXTENSION, " ").concat(options.shadowClassNames, " ").concat(centerAlignClass),
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
       },
       "data-layout": layout

package/dist/esm/react/nodes/layoutColumn.js

@@ -2,7 +2,13 @@
 import React from 'react';
 import { jsx, css } from '@emotion/react';
 import { WidthProvider, clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from '@atlaskit/editor-common/ui';
-var layoutColumnClearMarginTopStyles = css(clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle);
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var layoutColumnClearMarginTopStyles = css(
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+clearNextSiblingMarginTopStyle,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+clearNextSiblingBlockMarkMarginTopStyle);
 export default function LayoutSection(props) {
   return jsx("div", {
     "data-layout-column": true,

package/dist/esm/react/nodes/media/index.js

@@ -35,7 +35,10 @@ import { CommentBadge as CommentBadgeComponent } from '@atlaskit/editor-common/m
 import { injectIntl } from 'react-intl-next';
 import { useInlineCommentSubscriberContext, useInlineCommentsFilter } from '../../../ui/annotations/hooks';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 export var linkStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tbackground: transparent;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tcursor: pointer;\n\twidth: 100% !important;\n\theight: 100% !important;\n"])));
+
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 export var borderStyle = function borderStyle(color, width) {
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tposition: absolute;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tborder-radius: ", "px;\n\tbox-shadow: 0 0 0 ", "px ", ";\n"])), width, width, color);
 };
@@ -52,7 +55,9 @@ var MediaBorder = function MediaBorder(_ref) {
   return jsx("div", {
     "data-mark-type": "border",
     "data-color": borderColor,
-    "data-size": borderWidth,
+    "data-size": borderWidth
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: borderStyle(paletteColorValue, borderWidth)
   }, jsx(MediaBorderGapFiller, {
     borderColor: borderColor

package/dist/esm/react/nodes/mediaSingle/styles.js

@@ -1,8 +1,12 @@
 /** @jsx jsx */
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var uiMediaSingleBaseStyles = css({
   transition: 'all 0.1s linear'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var uiMediaSingleLayoutStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',

package/dist/esm/react/nodes/multiBodiedExtension.js

@@ -43,7 +43,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
   return actions;
 };
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var navigationCssExtended = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", ";\n\tmargin-left: 0 !important;\n\tmargin-right: 0 !important;\n\t.mbe-add-tab-button,\n\t.mbe-remove-tab {\n\t\tdisplay: none;\n\t}\n"])), sharedMultiBodiedExtensionStyles.mbeNavigation);
 var MultiBodiedExtension = function MultiBodiedExtension(props) {
   var children = props.children,
@@ -81,6 +81,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "".concat(RendererCssClassName.EXTENSION, " ").concat(centerAlignClass, " ").concat(overflowContainerClass),
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
       },
       "data-layout": layout

package/dist/esm/react/nodes/panel.js

@@ -23,9 +23,12 @@ var PanelStyled = function PanelStyled(_ref) {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- nested css mixins are violations
     styles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t&.", " {\n\t\t\t\t", "\n\t\t\t}\n\n\t\t\t&[data-panel-type=", "] {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\t", "\n\t\t\t}\n\t\t"])), PanelSharedCssClassName.prefix, panelSharedStylesWithoutPrefix(), PanelType.CUSTOM, hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor, hasIcon ? '' : 'padding-left: 12px;padding-right: 12px;');
   }
-  return jsx("div", _extends({
-    css: styles
-  }, props), props.children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("div", _extends({
+      css: styles
+    }, props), props.children)
+  );
 };
 PanelStyled.displayName = 'PanelStyled';
 var panelIcons = {

package/dist/esm/react/nodes/table/colgroup.js

@@ -164,7 +164,7 @@ export var Colgroup = function Colgroup(props) {
     return null;
   }
   return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: {
       width: akEditorTableNumberColumnWidth
     },

package/dist/esm/react/nodes/table/sticky.js

@@ -33,12 +33,17 @@ var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, r
   } else {
     stickyHeaderZIndex = akEditorStickyHeaderZIndex;
   }
+
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   return css(typeof top === 'number' && "top: ".concat(top, "px;"), (_css = {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     zIndex: stickyHeaderZIndex
   }, _defineProperty(_css, "& .".concat(TableSharedCssClassName.TABLE_CONTAINER, ", & .").concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
     marginTop: 0,
     marginBottom: 0,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     tr: {
       background: "var(--ds-surface, white)"
     }
@@ -48,6 +53,7 @@ var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, r
     top: '0px',
     height: '100%'
   }), _defineProperty(_css, "&.fixed-table-div-custom-table-resizing[mode='stick']", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     zIndex: stickyHeaderZIndex
   }), _css));
 };
@@ -64,7 +70,9 @@ export var FixedTableDiv = function FixedTableDiv(props) {
     "data-testid": "sticky-table-fixed"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: isTableResizingEnabled(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : '',
+    className: isTableResizingEnabled(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : ''
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: fixedTableCss
   }), props.children);
 };
@@ -88,60 +96,63 @@ export var StickyTable = function StickyTable(_ref) {
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
   if (isTableResizingEnabled(rendererAppearance)) {
     styles = css({
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: mode === 'pin-bottom' ? top : undefined,
       position: 'absolute'
     });
   } else {
     styles = css({
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       left: left && left < 0 ? left : undefined,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: mode === 'pin-bottom' ? top : undefined,
       position: 'relative'
     });
   }
   /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-  return jsx("div", {
-    css: styles
-  }, jsx(FixedTableDiv, {
-    top: mode === 'stick' ? top : undefined,
-    mode: rowHeight > 300 ? 'none' : mode,
-    wrapperWidth: wrapperWidth,
-    rendererAppearance: rendererAppearance
-  }, jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "".concat(TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
-    "data-layout": layout,
-    style: {
-      width: tableWidth
-    }
-  }, jsx("div", {
-    ref: innerRef
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "".concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER),
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      overflow: 'hidden'
-    }
-  }, jsx(Table, {
-    columnWidths: columnWidths,
-    layout: layout,
-    isNumberColumnEnabled: isNumberColumnEnabled,
-    renderWidth: renderWidth,
-    tableNode: tableNode,
-    rendererAppearance: rendererAppearance
-  },
-  /**
-   * @see https://product-fabric.atlassian.net/browse/ED-10235
-   * We pass prop 'invisible' to our table's children nodes meaning
-   * they exist inside of the 'invisible' duplicated table component that
-   * enables sticky headers.
-   */
-  recursivelyInjectProps(children, {
-    invisible: true
-  }))))));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: styles
+    }, jsx(FixedTableDiv, {
+      top: mode === 'stick' ? top : undefined,
+      mode: rowHeight > 300 ? 'none' : mode,
+      wrapperWidth: wrapperWidth,
+      rendererAppearance: rendererAppearance
+    }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: "".concat(TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
+      "data-layout": layout,
+      style: {
+        width: tableWidth
+      }
+    }, jsx("div", {
+      ref: innerRef
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "".concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER),
+      style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        overflow: 'hidden'
+      }
+    }, jsx(Table, {
+      columnWidths: columnWidths,
+      layout: layout,
+      isNumberColumnEnabled: isNumberColumnEnabled,
+      renderWidth: renderWidth,
+      tableNode: tableNode,
+      rendererAppearance: rendererAppearance
+    },
+    /**
+     * @see https://product-fabric.atlassian.net/browse/ED-10235
+     * We pass prop 'invisible' to our table's children nodes meaning
+     * they exist inside of the 'invisible' duplicated table component that
+     * enables sticky headers.
+     */
+    recursivelyInjectProps(children, {
+      invisible: true
+    }))))))
+  );
 };
 
 /**

package/dist/esm/ui/Expand.js

@@ -22,7 +22,9 @@ import { ActiveHeaderIdConsumer } from './active-header-id-provider';
 var titleStyles = css({
   outline: 'none',
   border: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(fontSize()),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: akEditorLineHeight,
   fontWeight: 'normal',
   display: 'flex',

package/dist/esm/ui/ExtensionRenderer.js

@@ -21,6 +21,7 @@ var inlineExtensionStyle = css({
   verticalAlign: 'middle',
   // es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: "1px 1px ".concat("var(--ds-space-050, 4px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& .rich-media-item': {
     maxWidth: '100%'
   }

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

@@ -47,7 +47,7 @@ import { nodeToReact } from '../../react/nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.32.2";
+var packageVersion = "109.32.4";
 export var defaultNodeComponents = nodeToReact;
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
@@ -540,7 +540,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
     ref: innerRef,
     onClick: onClick,
     onMouseDown: onMouseDown
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
     css: rendererStyles({
       appearance: appearance,

package/dist/esm/ui/Renderer/truncated-wrapper.js

@@ -12,10 +12,12 @@ var fadeOutStyles = function fadeOutStyles(maxHeight, top, backgroundColor) {
   return css({
     position: 'relative',
     overflowY: 'hidden',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     maxHeight: "".concat(maxHeight, "px"),
     '&::after': {
       content: "''",
       position: 'absolute',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: "".concat(top, "px"),
       bottom: 0,
       left: 0,

package/dist/esm/ui/annotations/draft/component.js

@@ -10,12 +10,16 @@ import { dataAttributes } from './dom';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { segmentText } from '../../../react/utils/segment-text';
 import { renderTextSegments } from '../../../react/utils/render-text-segments';
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var markStyles = function markStyles() {
   return css({
     color: 'inherit',
     backgroundColor: 'unset',
     WebkitTapHighlightColor: 'transparent'
-  }, AnnotationSharedCSSByState().focus);
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  AnnotationSharedCSSByState().focus);
 };
 export var AnnotationDraft = function AnnotationDraft(_ref) {
   var draftPosition = _ref.draftPosition,

package/dist/esm/ui/annotations/selection/mounter.js

@@ -4,6 +4,7 @@ import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { updateWindowSelectionAroundDraft } from '../draft';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { getRendererRangeInlineNodeNames } from '../../../actions/get-renderer-range-inline-node-names';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 import { ProvidersContext } from '../context';
 export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (props) {
@@ -48,7 +49,12 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
         action: ACTION.INSERTED,
         actionSubject: ACTION_SUBJECT.ANNOTATION,
         actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
-        attributes: {},
+        attributes: {
+          inlineNodeNames: getRendererRangeInlineNodeNames({
+            pos: positionToAnnotate,
+            actions: actions
+          })
+        },
         eventType: EVENT_TYPE.TRACK
       }).fire(FabricChannel.editor);
     }
@@ -71,7 +77,12 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
           action: ACTION.CREATE_NOT_ALLOWED,
           actionSubject: ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
-          attributes: {},
+          attributes: {
+            inlineNodeNames: getRendererRangeInlineNodeNames({
+              pos: documentPosition,
+              actions: actions
+            })
+          },
           eventType: EVENT_TYPE.TRACK
         }).fire(FabricChannel.editor);
       }
@@ -87,7 +98,11 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
         actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
         eventType: EVENT_TYPE.TRACK,
         attributes: {
-          overlap: uniqueAnnotationsInRange.length
+          overlap: uniqueAnnotationsInRange.length,
+          inlineNodeNames: getRendererRangeInlineNodeNames({
+            pos: documentPosition,
+            actions: actions
+          })
         }
       }).fire(FabricChannel.editor);
     }
@@ -126,12 +141,17 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
         actionSubject: ACTION_SUBJECT.ANNOTATION,
         actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
         eventType: EVENT_TYPE.TRACK,
-        attributes: {}
+        attributes: {
+          inlineNodeNames: getRendererRangeInlineNodeNames({
+            pos: documentPosition,
+            actions: actions
+          })
+        }
       }).fire(FabricChannel.editor);
     }
     removeDraftModeCallback();
     onCloseProps();
-  }, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);
+  }, [actions, documentPosition, onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(Component, {
     range: range,
     draftRange: draftRange,

package/dist/types/actions/get-renderer-range-inline-node-names.d.ts

@@ -0,0 +1,12 @@
+import type RendererActions from './index';
+export declare function getRendererRangeInlineNodeNames({ actions, pos, }: {
+    actions: RendererActions;
+    /**
+     * documentPosition is caclulated by `actions.getPositionFromRange`
+     * where `false` means that the selection is not able to be calculated.
+     */
+    pos?: {
+        from: number;
+        to: number;
+    } | false;
+}): string[] | undefined;

package/dist/types/actions/index.d.ts

@@ -52,6 +52,9 @@ export default class RendererActions implements RendererActionsOptions, Annotati
     annotate(range: Range, annotationId: string, annotationType: 'inlineComment'): AnnotationActionResult;
     isValidAnnotationRange(range: Range | null): boolean;
     isValidAnnotationPosition(pos: Position): boolean;
+    /**
+     * Note: False indicates that the selection not able to be calculated.
+     */
     getPositionFromRange(range: Range | null, isCommentsOnMediaBugFixEnabled?: boolean, isCommentsOnMediaBugVideoComment?: boolean): Position | false;
     getAnnotationMarks(): Mark[];
     getAnnotationsByPosition(range: Range): string[];

package/dist/types/analytics/events.d.ts

@@ -104,7 +104,9 @@ export type AnnotationDraftAEPAttributes = {
 export type AnnotationResolvedAEPAttributes = {
     method?: RESOLVE_METHOD;
 };
-export type AnnotationDeleteAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID, undefined, EVENT_TYPE.TRACK>;
+export type AnnotationDeleteAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID, {
+    inlineNodeNames?: string[];
+}, EVENT_TYPE.TRACK>;
 export declare enum RESOLVE_METHOD {
     COMPONENT = "component",
     CONSUMER = "consumer",

package/dist/types/react/nodes/extension.d.ts

@@ -68,6 +68,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
     };
     new (props: Props, context: any): {
+        /** We keep rendering the default content */
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;
         shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;

package/dist/types-ts4.5/actions/get-renderer-range-inline-node-names.d.ts

@@ -0,0 +1,12 @@
+import type RendererActions from './index';
+export declare function getRendererRangeInlineNodeNames({ actions, pos, }: {
+    actions: RendererActions;
+    /**
+     * documentPosition is caclulated by `actions.getPositionFromRange`
+     * where `false` means that the selection is not able to be calculated.
+     */
+    pos?: {
+        from: number;
+        to: number;
+    } | false;
+}): string[] | undefined;

package/dist/types-ts4.5/actions/index.d.ts

@@ -52,6 +52,9 @@ export default class RendererActions implements RendererActionsOptions, Annotati
     annotate(range: Range, annotationId: string, annotationType: 'inlineComment'): AnnotationActionResult;
     isValidAnnotationRange(range: Range | null): boolean;
     isValidAnnotationPosition(pos: Position): boolean;
+    /**
+     * Note: False indicates that the selection not able to be calculated.
+     */
     getPositionFromRange(range: Range | null, isCommentsOnMediaBugFixEnabled?: boolean, isCommentsOnMediaBugVideoComment?: boolean): Position | false;
     getAnnotationMarks(): Mark[];
     getAnnotationsByPosition(range: Range): string[];

package/dist/types-ts4.5/analytics/events.d.ts

@@ -104,7 +104,9 @@ export type AnnotationDraftAEPAttributes = {
 export type AnnotationResolvedAEPAttributes = {
     method?: RESOLVE_METHOD;
 };
-export type AnnotationDeleteAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID, undefined, EVENT_TYPE.TRACK>;
+export type AnnotationDeleteAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID, {
+    inlineNodeNames?: string[];
+}, EVENT_TYPE.TRACK>;
 export declare enum RESOLVE_METHOD {
     COMPONENT = "component",
     CONSUMER = "consumer",

package/dist/types-ts4.5/react/nodes/extension.d.ts

@@ -68,6 +68,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
     };
     new (props: Props, context: any): {
+        /** We keep rendering the default content */
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;
         shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;